菜單欄中活動項目的不同顏色

Question

我試圖更改此菜單中第一項的顏色（用戶知道這是活動項目）的顏色，有幫助嗎？

<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：

http://jsfiddle.net/y3NCq/46/

Answer 1

你缺少空間：li .current {。如果沒有這個空間，它試圖將它應用於li項目，其012xx類別，您希望將它應用於li的子類，其類別爲current。

Answer 2

你可以嘗試以下

li a.current { 
    background: yellow; 
}