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

Question

with

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

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

现在我遇到的情况是，我必须检查鼠标悬停的元素是否位于没有 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="mydiv3" class="divclass2">
  <div id="mydiv4" class="divclass2">
    Test
  </div>
</div>

Answer 2

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

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

希望这有帮助