Css如果元素没有特定的类

Question

我的HTML中有以下几行代码，我只是在.menustructure和.tl-nav-holder内部的按钮没有类{{1}时尝试添加css样式}。

.collapsed

我自己尝试了一些基于我在Stackoverflow上阅读但没有任何成功的事情。这是我目前的css：

<div class="menustructure">
   <div class="tl-nav-holder">
      <button class="navbar-toggle collapsed"> click </button>
   </div>
</div>

我知道有很多方法可以使用Jquery，但我不想依赖它。有谁知道我做错了什么？

Answer 1

您错误地使用了:not。它选择没有指定类的元素。如果您的2个div具有类myClass但按钮没有，则可以选择该按钮。

:not(myClass) {
  color: red;
}

<div class="menustructure myClass">
    <div class="tl-nav-holder myClass">
        <button class="navbar-toggle collapsed">click</button>
    </div>
</div>

https://jsfiddle.net/wazz/x8pLqxbh/