jquery - 悬停项目时更改其他列表项的 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(...);
 });