This question already has answers here:
Is there a “previous sibling” selector?
(23个答案)
7年前关闭。
我有一个列表,想要选择要悬停的列表的上一个和下一个
我可以使用“+”选择器选择下一个 sibling 。但是有可能获得前一个吗?
我已经尝试过
不能相信我没有可以使用的棘手技巧。
当然,我可以通过Java脚本轻松完成此操作,但是我不喜欢使用JS在CSS上可以得到相同的结果。
(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/