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或類似的東西。