爲什麼：hover僞類在它後面有另一個選擇器？

Question

我無法理解爲什麼在:hover僞類之後有一個選擇器，而不是它之前。這是如何和爲什麼這樣工作？

這工作

div li:hover > ul 
{ 
display: block; 
} 

爲什麼不這項工作？

div li > ul:hover 
{ 
display: block; 
} 

我已經做了很多的搜索，試圖找出爲什麼後把選擇或選擇（：hover僞類）;以及它如何瞄準它的細節，但我似乎無法找到任何有關它的信息。先進的謝謝！

Answer 1

您的選擇器在邏輯上是不同的。

li:hover > ul匹配ul內部的一個懸停li。

li > ul:hover匹配ul內任何li。

您的ul s可能是默認隱藏的，因此li > ul:hover不會匹配任何內容。
相反，只要li被徘徊，li:hover > ul與仍然隱藏的ul相匹配並顯示它。