<分区>
标签 javascript html css
<分区>
基本上我有一个元素列表,当我将鼠标悬停在最后一个元素上时,我希望所有其他元素也更改它们的背景颜色。到目前为止,我尝试了一些解决方法但没有成功。
<ul class ='profile'>
<li> item 1 </li>
<li> item 2 </li>
<li> item 3 </li>
</ul>
ul.profile > li:nth-child(3):hover {
background-color: red;
}
最佳答案
试试这个:
ul.profile:hover > li:not(:hover) {
background-color: yellow;
}
ul.profile > li:nth-child(3):hover {
background-color: red;
}
关于javascript - 在悬停时为列表中的 sibiling li 元素设置样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55721666/