CSS：选择上一个兄弟[重复]

Question

我有一个列表，想选择我悬停的列表中的上一个和下一个

<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:hover，但它不起作用。 不敢相信没有我可以使用的棘手技巧。

当然，我可以通过 Javascript 轻松做到这一点，但我不喜欢使用 JS，因为我可以通过 CSS 获得相同的结果。

Answer 1

没有办法用纯 CSS 做到这一点，如果你真的必须选择前一个兄弟，你将不得不求助于 Javascript 或类似的东西。