html – CSS:选择以前的兄弟

前端之家收集整理的这篇文章主要介绍了html – CSS:选择以前的兄弟前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Is there a “previous sibling” CSS selector?14个
我有一个列表,想要选择我正在徘徊的上一个和下一个
<ul>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ul>

我可以使用“”选择器选择下一个兄弟.但有没有可能获得前一个?

ul li:hover + li {
    color:red;
}

我已经尝试了ul li li:悬停但它不起作用.
不能相信我没有可以使用的棘手黑客.

当然我可以通过Javascript轻松完成这项工作,但我不喜欢使用JS,我可以用CSS获得相同的结果.

解决方法

使用纯CSS无法做到这一点,如果你真的必须选择以前的兄弟,你将不得不求助于Javascript或类似的东西.

猜你在找的HTML相关文章