Question

我对CSS选择器有疑问。我有以下结构 - 我只能修改CSS - 我没有权限修改html或JS。

 <div class="wrapper">
  <div>
    <div>
      <div class="open">

      </div>
    </div>
  </div>
  <div>
    <div class="top">

    </div>
  </div>
</div>

班级打开将被切换。我可以在以下时间制作选择器：

div in 4 line has open-div with class top =＆gt; .top {top：50px}
div in 4 line not open - div with class top =＆gt; .TOP {顶部：0像素;}

这可能吗？

Answer 1

试试这个：

.wrapper div:not(.open){
    ...
}

你需要调整它以获得正确的DIV，因为这会影响所有这些内部.wrapper

在您的情况下，您似乎需要以下内容：

.wrapper > div > div > div:not(...){...}

然而，这是一种不好的做法。

你可以在这里阅读更多内容： https://developer.mozilla.org/en-US/docs/Web/CSS/:not

CSS高级选择器 - 是否可行？

1 个答案: