当将鼠标放在li元素上时，我希望更改ul中另一个li的不透明度。CSS（我正在使用SASS）可以吗？如果我不在li上，则所有li都是不透明的：1。
<ul>
<li></li> //opacity 0.5
<li></li> //opacity 0.5
<li></li> <= hover on this li //opacity 1
<li></li> //opacity 0.5
<li></li> //opacity 0.5
<li></li> //opacity 0.5
</ul>技巧是将所有项目的不透明度更改为0.5，将不透明度更改为ul:hover1 li:hover。后者更为具体，因此适用于更一般的情况。
ul:hover li {
opacity: 0.5;
}
ul li:hover {
opacity: 1;
}<ul>
<li> opacity 0.5 </li>
<li> opacity 0.5 </li>
<li> hover on this li //opacity 1 </li>
<li> opacity 0.5 </li>
<li> opacity 0.5 </li>
<li> opacity 0.5 </li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句