我有一个ul3 li-s的：
<ul>
<li area="london"></li>
<li></li>
<li></li>
</ul>
我想做下一件事（使用CSS）：
当鼠标悬停在带有属性区域的li上时，我想更改其所有兄弟姐妹的背景。
如果鼠标悬停不具有区域属性，则仅更改其背景。
li {
background:rgb(237, 237, 255);
}
li[area] {
background:rgb(237, 237, 255);
}
我尝试了几件事，但我想找到了解决方案。由于您希望仅在CSS上实现此功能，因此这里是JS Fiddle Demo链接，您可以在其中看到它的运行情况。
li,
li[area]:hover {
background:rgb(237, 237, 255);
}
li:hover,
li[area]:hover + li,
li[area]:hover + li + li {
background: rgb(237, 237, 230);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句