更改其他列表项目n＃39;悬停项目时的CSS

Question

如何在悬停列表项时更改其他项的CSS？我的意思是，当我悬停Item 1时，我希望其他人拥有，让我们说，情人不透明度可以产生高光效果。我更喜欢纯粹的CSS，但如果不可能也喜欢jquery。感谢。

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

Answer 1

尝试这样的事情：

ul:hover li {opacity: 0.5;}
ul li:hover {opacity: 1;}

http://jsfiddle.net/CTfUL/1/

Answer 2

jQuery解决方案将是$(ul.li:not(:hover))，但正如@Shomz所说，CSS肯定是可能的。

Answer 3

 $('li').on('mouseenter',function(){
    $(this).siblings().css(...);
 });