CSSの最後の部分のbackground-colorとcolorだけがどうしても反映されません。
どこかのコードがおかしいのでしょうか?
詳しい方回答お願いします。
HTML
1<header class="header"> 2 <h1 class="logo"> 3 <a href="/">SANPLE SITE</a> 4 </h1> 5 <nav class="global-nav"> 6 <ul> 7 <li class="nav-item active"><a href="#">HOME</a></li> 8 <li class="nav-item"><a href="#">ABOUT</a></li> 9 <li class="nav-item"><a href="#">NEWS</a></li> 10 <li class="nav-item"><a href="#">TOPICS</a></li> 11 <li class="nav-item"><a href="#">DOCS</a></li> 12 <li class="nav-item"><a href="#">BLOG</a></li> 13 </ul> 14 </nav> 15 </header> 16``````CSS 17.global-nav{ 18 margin-top: 15px; 19 text-align:center; 20} 21.global-nav .nav-item{ 22 display:inline-block; 23 margin: 0 10px; 24} 25.global-nav .nav-item a{ 26 display: inline-block; 27 width: 100px; 28 height: 30px; 29 line-height: 30px; 30 text-align: center; 31 border-radius: 8px; 32 color: #666; 33 font-size: 13px; 34 letter-spacing: 1px; 35 transition: 0.15s; 36} 37.global-nav .nav-item.active a 38.global-nav .nav-item a:hover{ 39 background-color: #d03c56; 40 color: #fff; 41}
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/04/06 07:00