CSS高级选择器 - 可能吗? [重复]

问题描述 投票:-1回答:1

这个问题在这里已有答案:

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

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

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

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

开放课程将被切换。我可以在以下时间制作选择

  1. 4行中的div已打开 - div与class top => .top {top:50px}
  2. 4行中的div没有open - div with class top => .top {top:0px;}

这个有可能?

css css3 css-selectors
1个回答
-1
投票

试试这个:

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

您需要将其调整为获得正确的DIV,因为这会影响.wrapper中的所有DIV

在您的情况下,您似乎需要以下内容:

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

但是,这是一种不好的做法。

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

© www.soinside.com 2019 - 2024. All rights reserved.