如何模糊除(this)a:hover之外的所有列表项文本

时间:2012-05-09 06:15:03

标签: jquery css html5 css3

我正试图这样做,当你将鼠标悬停在列表项目上时,当前的li会弹出,所有其他列表项会淡出或略微模糊。我更喜欢所有的CSS,有人知道如何选择除css当前选中的所有其他li吗?

更新
我不相信这可以在css中做,因此我试图在jquery中选择它。

使用我的无效jquery脚本继承更新的代码 http://jsfiddle.net/xKEHe/42/

参考Hide all but $(this) via :not in jQuery selector

1 个答案:

答案 0 :(得分:6)

您可以这样写:

ul:hover > #blah a{
    opacity:0.5;
    text-shadow: 0 0 2px #CACACA;
}
ul > #blah:hover a{
    color:#222;
    opacity:1;
    text-shadow:none;
}

请检查:http://jsfiddle.net/xKEHe/46/