鄰接兄弟：規則之間的元素太多

Question

當可見樹的第一個頂層元素懸停時，我試圖讓p元素取消隱藏。我在這裏通過stackoverflow檢查了與相鄰的兄弟選擇器的效果很好，我跑了一個小例子，但是當我在這兩個元素之間有太多元素時，你想同步它不起作用。

#smart:hover ~ p#first { 
display: inline; 
} 

#first { 
left: -450px; 
top: 100px; 
display:none; 
} 

http://codepen.io/sietedosfede/pen/gdLiB

麻煩的是，如果我試圖把這兩個因素一個彼此相鄰，樹意志的CSS破門。

我問如果可能存在一個規則，可以忽略這兩者之間的中間元素。

無論如何，我不知道這是否是達到此目的的最佳方法。 在此先感謝，GRiS。

Answer 1

你不能用css「上」這棵樹。您試圖懸停嵌套元素來顯示不屬於<ul>樹的部分，並且它不起作用。您將不得不使用javascript，或者將段落添加到錨標記所在的同一個列表項（或作爲列表項的子元素）。