This question already has answers here:
Is there a “previous sibling” selector?

(23个答案)


7年前关闭。




我有一个列表,想要选择要悬停的列表的上一个和下一个
<ul>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ul>

我可以使用“+”选择器选择下一个 sibling 。但是有可能获得前一个吗?
ul li:hover + li {
    color:red;
}

我已经尝试过ul li + li:hover,但是没有用。
不能相信我没有可以使用的棘手技巧。

当然,我可以通过Java脚本轻松完成此操作,但是我不喜欢使用JS在CSS上可以得到相同的结果。

最佳答案

纯CSS无法做到这一点,如果您确实必须选择 previous sibling ,那么您将不得不使用Javascript之类的工具。

关于html - CSS:选择上一个同级,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21237143/

10-09 06:28
查看更多