我创建了一个下拉菜单。我需要当我悬停在一个选项卡上时,菜单中其他选项卡的不透明度会发生变化,但我悬停的当前选项卡除外。
示例:当我悬停在主页选项卡上时,主页选项卡和列表项的状态没有改变(黄色,不透明度=1),但其他选项卡(教程、文章、灵感)发生了变化(灰色,不透明度=0.5)
<code>http://jsfiddle.net/dennisho/6fX42/2/</code>
最佳答案
没有兄弟选择器会选择所有兄弟来帮助选择其他菜单元素,但您可以使用 :not
选择器
nav > ul:hover li:not(:hover) {
opacity:0.5;
}
关于javascript - 当我悬停当前选项卡时更改其他选项卡的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18936122/