CSS：选择上一个同级

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

I've got a list and want to select the previous and next of the one I am hovering

<ul>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
    <li>Item1</li>
</ul>

我可以使用+选择器选择下一个同级。

I am able to select the next sibling with the "+" selector. But is there a possibility to get the previous?

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

我已经尝试过 ul li + li：hover 但它不工作。
不能相信有没有棘手的黑客，我可以使用。

I already tried ul li + li:hover but it doesn't work. Can't belief there is no tricky hack that I could use.

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

Sure I can do this easily through Javascript but I don't like using JS where I can get the same result with CSS.