相邻的兄弟:规则之间的元素太多了

时间:2014-07-08 13:27:21

标签: html5 css3 hover hide siblings

我试图在可见树的第一个顶部元素处于悬停状态时取消隐藏p元素。我在这里通过stackoverflow检查了它与相邻的兄弟选择器它工作得很好,我运行了一个小例子,但是当我在这两个之间有太多元素你要同步它不起作用。

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

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

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

麻烦的是,如果我试图将这两个元素放在一起,那么树的css就会崩溃。

我问是否存在规则,可以忽略这两者之间的中间元素。

无论如何,我不知道这是否是实现这一目标的最佳方式。 提前谢谢,GRiS。

1 个答案:

答案 0 :(得分:0)

你不能用css“up”树。您正试图悬停嵌套元素以显示不属于<ul>树的内容,并且它将无法工作。您将不得不使用javascript或将段落添加到锚标记所在的同一列表项(或作为列表项的子元素)。