CSS結構懸停狀態

Question

我正在修改現場magento網站的設計。我遇到了一個問題。 我想讓錨點懸停狀態彼此獨一無二，我試過這段代碼，發現它不起作用。

#cssmenu > ul > li > a > #nav-eq:hover{background-color:red; } 

這是輸出的結構：

<div id="cssmenu"> 
<ul> 
<li><a id="nav-h"></li><li><a id="nav-eq"></li><li><a id="nav=brand"></li> 
</ul> 
</div> 

想知道關於我做了什麼不對任何幫助。

Answer 1

由於元素有一個id，你（可能）什麼都不需要更具體：

#nav-eq:hover { 
    background-color: red; 
} 

如果因爲某些原因，你需要一個更具體的選擇：

#cssmenu > ul > li > a#nav-eq:hover { 
    background-color: red; 
}