CSS僞類：懸停不工作

Question

我掙扎着爬一個簡單的CSS懸停僞類的工作。任何人都知道爲什麼以下不起作用？

的CSS

#hidden {display:none;} 
#show:hover #hidden{display:block;} 

的HTML

<a href="#" id="show">show</a> 
<div id="hidden">here i am</div> 

我真的覺得自己很蠢問這樣一個簡單的問題，我這樣做百家次，但無法弄清楚爲什麼這不應該工作。

Answer 1

試試這個

#show:hover + #hidden{display:block;} 

:hover #hidden意味着#hidden是懸停元素的子元素。 +選擇器查找下一個相鄰的兄弟。