活動元素的CSS樣式修復

我是第一個CSS新手，似乎並不瞭解類如何與id進行交互，這就是爲什麼我無法使用以下菜單來工作。活動元素的CSS樣式修復

<div id="navmenu"> 
    <ul> 
    <li><a href="#">Home</a></li> 
    <li><a href="index.php?=1">Menu2</a></li> 
    <li><a href="index.php?=2">Menu3</a></li> 
    </ul> 
</div>

這是我的CSS：

#navmenu ul { 
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
} 

#navmenu li { 
width:114px; 
text-align:center; 
float:left; 
} 

#navmenu ul li a { 
text-decoration:none; 
color: white; 
background: #CE140B; 
} 

#navmenu a { 
padding-top:4px; 
padding-bottom:4px; 
display:block; 
width:100%; 
} 

#navmenu ul li a:hover { 
color: #CE140B; 
background: white; 
}

當鼠標懸停在菜單項這改變背景色和前景色。

現在我想爲此添加一個活動類，以便當我在主頁上時，主菜單項看起來與它被徘徊時相同。以下代碼不起作用。

我試圖改變菜單這樣：

<li><a class="active" href="#">Home</a></li>

也

<li class="active"><a href="#">Home</a></li>

和我的CSS來：

#navmenu ul li a:hover a:active { 
color: #CE140B; 
background: white; 
}

和

#navmenu ul li a:hover li:active { 
color: #CE140B; 
background: white; 
}

兩者都不起作用。感謝您幫助我們實現這一目標。

來源

2010-06-25 Michael Frey

要麼

li.active:hover { 

}

或者

a.active:hover { 

}

應工作

來源

2010-06-25 06:42:49

感謝。這表明我朝着正確的方向前進。我只需要添加： #navmenu a.active {0}顏色：＃CE140B; 背景：白色; } 看來我得到了點和冒號的混合。 – 2010-06-25 06:53:15

活動元素的CSS樣式修復

回答

相關問題