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/