懸停項目時更改其他列表項目的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))，但它肯定是可能的CSS，如@Shomz說。

Answer 3

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