在CSS中添加多個樣式到一個div

我現在有點卡住了。我正在嘗試爲我的第一個網站創建導航欄。在CSS中添加多個樣式到一個div

在HTML的身體，我有

<div id="navbar"> 
    <ul> 
     <li><a href="index.html">Home</a></li> 
     <li><a href="Gallery.html">Gallery</a></li> 
     <li><a href="Contact.html">Contact</a></li> 
    </ul> 
</div>

現在我的CSS是

#navbar { 
margin: 0 auto; 
text-align: center;

，但我也想補充

a:hover,a:active { 
background-color:#7A8B8B;

目前被應用於任何鏈接在頁面上不僅僅是導航欄中的鏈接。我如何才能將懸停鏈接樣式應用於#navbar。

謝謝！

來源

2014-06-14 LEVz

：active：focus：hove這些都是錨元素的所有屬性...它只適用於'a'標籤不適用於'ul> li'標籤.. – kamesh

嘗試...

#navbar a:hover,#navbar a:active { 
    background-color:#7A8B8B; 
}

這意味着這些樣式應用到包含在元素與navbar

fiddle

來源

2014-06-14 04:25:07 Ballbin

謝謝，有沒有一種方法我可以str修改CSS文件以使兩個#navbar樣式包含在一起？ – LEVz

你是指只是在一個文件或有一個塊？ – Ballbin

只在主CSS文件的一個塊中。謝謝:) – LEVz

的ID這應該做的伎倆的一個標籤

CSS選擇器後跟一個空格和另一個選擇器表示[第二個選擇器] IN A [第一個選擇器]

所以div a指「一個」是一個‘格’

#navbar a:hover,#navbar a:active { 
    background-color:#7A8B8B; 
}

來源

2014-06-14 04:28:45 MarshallOfSound

內試試這個：

#navbar a:hover,#navbar a:active { 
    background-color:#7A8B8B; 
}

這將意味着a這是在navbar ID具有背景色設置爲

來源

2014-06-14 04:31:12 imbondbaby

在CSS中添加多個樣式到一個div

回答

相關問題