[英]Different color for the active item in the menu bar
我正在嘗試更改此菜單中第一個項目的顏色(用戶知道活動項目的方式),有什么幫助嗎?
<ul>
<li><a href="#" class="current">jkfasdf</a></li>
<li><a href="#">jkffasdf fjaskdfasfs jajklfd fjklasdfas</a></li>
</ul>
ul{
background: red;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
float: left; #esto permite que se adapte el ancho del ul al contenido..
# quizas por ello no se pueda centrar si se quiere :)
}
li {
padding: 10px; display: inline-block;
border-left: 1px solid white;
width: 100px;
text-align: center;
vertical-align: middle;
}
li:first-child {border-left: none;}
li.current {
background: yellow;
}
a {
}
這是jsfiddle:
您缺少空格: li .current {
。 如果沒有空格,它將嘗試將其應用於current
類的li
項,而您希望將其應用於current
類的li
的子級。
您可以嘗試以下
li a.current {
background: yellow;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.