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或类似的东西。