此问题在此处已有答案：
Is there a "previous sibling" selector?（29个答案）12小时前关门了。元素A和B在同一父元素中相邻。现在我希望当我将鼠标悬停在元素B上时，元素A也会受到影响。第一个
gijlo24d1#
在未来，您可以使用CSS :has选择器来检查父元素是否具有如下悬停元素：.parent:has(.child-b:hover) .child-a不幸的是，在没有标记的情况下，Firefox目前仍然不支持这种方法，所以唯一可以使用的方法是检查用户是否悬停在带有.parent:hover的父元素上，然后检查子元素a是否也悬停在上面，如下所示：.parent:hover .child-a:not(:hover)。现在，悬停效果仅在悬停在parent元素或child-b元素上时才适用，但不能悬停在child-a元素上。
:has
.parent:has(.child-b:hover) .child-a
.parent:hover
.parent:hover .child-a:not(:hover)
parent
child-b
child-a
1条答案
按热度按时间gijlo24d1#
在未来，您可以使用CSS
:has选择器来检查父元素是否具有如下悬停元素：.parent:has(.child-b:hover) .child-a不幸的是，在没有标记的情况下，Firefox目前仍然不支持这种方法，所以唯一可以使用的方法是检查用户是否悬停在带有
.parent:hover的父元素上，然后检查子元素a是否也悬停在上面，如下所示：.parent:hover .child-a:not(:hover)。现在，悬停效果仅在悬停在parent元素或child-b元素上时才适用，但不能悬停在child-a元素上。