css hover over li,blur all others [英] css hover over li, blur all others
本文介绍了css hover over li,blur all others的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
任何人都可以告诉我是否可以使用css模糊 ul
包含 a
, d
, e
当用户将鼠标移到包含 c
的元素上而不使用JavaScript?
Can anyone tell me if it's possible to use css to blur the ul
elements containing a
,d
,e
when the user moves their mouse over the element containing c
, without using JavaScript?
推荐答案
您的意思是这样的:
HTML
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
CSS
ul li {
background-color: red;
margin: 2px;
}
ul:hover li {
opacity: .5;
}
ul li:hover {
opacity: 1;
}
这篇关于css hover over li,blur all others的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文