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