我参考了当鼠标悬停在一个元素上时,突出显示所有具有相同类的元素
我想知道的方法是 - 是否可以使用CSS来实现?
我正在尝试使用sibling: ~
,但它无法突出显示前面的兄弟元素。
.test {
color: blue;
}
.test:hover, .test:hover ~ .test {
color: red;
cursor: pointer;
}
<div>
<span class="prev">Test Highlight by mouse over the `blue` texts: </span>
<span class="test">This </span>
<span class="test">Is </span>
<span class="test">The </span>
<span class="test">Highlight</span>
</div>
javascript
,对吗? - Alona:has()
的关系伪类(https://www.w3.org/TR/selectors-4/#relational),*可能*允许这样做,但似乎不太可能在Selectors level 4早期进入浏览器。 - David Thomas