Question

与

".edtr_element:not(.edtr_active_container):hover {..."

如果元素类没有（class），我可以制作样式。

到目前为止很好。

现在我有一种情况，我必须检查一个鼠标悬停的元素是否位于不具有xy类的div中。

示例

<div id="mydiv1" class="divclass1">
  <div id="mydiv2" class="divclass2"></div>
</div>

如果我在div2上但在div 1中不是“ divclass1”类，如何设置CSS：hover类？

只有CSS才可能吗？

非常感谢。

Answer 1

您可以使用以下内容：

div:not(.divclass1) > div:hover {
  color:red;
}

<div id="mydiv1" class="divclass1">
  <div id="mydiv2" class="divclass2">Test</div>
</div>
<div id="mydiv1" class="divclass2">
  <div id="mydiv2" class="divclass2">Test</div>
</div>

Answer 2

您的选择器可能如下所示： *:not(.divclass1) > .divclass2:hover {...}

*:not(.divclass1)选择每个非“ divclass1”的元素> .divclass2选择每个具有“ divclass2”的直接子元素，:hover显然为此元素定义了悬停样式。

希望这会有所帮助

如果父元素没有xy类，则在元素上设置一个悬停类

2 个答案: