CSS懸停顏色不工作

Question

使用此代碼段：

#navigation li:hover > #navigation li a { 
    color:white; 
} 

通過li元素懸停，文本的顏色應該變成白色，但事實並非如此。任何人都可以幫忙嗎？

Answer 1

你需要包含HTML來得到更準確的答案，但我認爲這會解決它。

#navigation li:hover > a { 
    color:white; 
} 

Answer 2

你只需要這樣：

#navigation li:hover > a { 

或者

#navigation li > a:hover { 

無需僞選擇後，再次改寫secuence！

Answer 3

沒有看到html，這有點刺，但我的猜測是你的文本是在一個標籤內。所以你需要風格而不是李。例如。

#navigation li:hover > a { 
    color:white; 
} 

如果你可以發佈一個代碼的鏈接，這將是非常有用的，但！ :-)

Answer 4

你正在做一個錯誤的方式。

解決方案取決於您當前的標記結構。

假設<a>元素嵌套在<li>元素，您選擇鏈接如下：

#navigation li:hover a { 
    color:white; 
} 

如果你要選擇的第一級導航<li>元素，你應該使用children selector做即：

#navigation > li:hover a { /* select the li child the look for the anchors */ 
    color:white; 
} 

最後，爲了選擇子<a>元素，你可以使用以下命令：

#navigation li:hover > a { /* select li and look for the child anchors */ 
    color:white; 
} 

Answer 5

將沿東西的

#navigation li a:hover {color: #fff;} 

線無法滿足你的需求多一點？少代碼相同的輸出？