html - 相邻兄弟 : too many elements between the rules

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 或将段落添加到 anchor 标记所在的同一列表项(或作为列表项的子元素)。