要素に特定のクラスがない場合

Question

私のHTMLに次のコード行があります。.menustructureと.tl-nav-holderにCSSスタイリングを追加しようとしています。その内のボタンにクラス.collapsedがない場合のみです。

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

私はStackoverflowで読んできたものに基づいていくつかのことを試みましたが、それはまったく成功しません。私はそこにjQueryを使ってそれを行うための方法があるが、私はその上でdependendしたくない知っている

.navbar-toggle:not(.collapsed) .menustructure{ 
    position: absolute; 
    width: 100% !important; 
    padding: 0; 
    height: 1000px; 
} 


.navbar-toggle:not(.collapsed) .tl-nav-holder{ 
    width: 100% !important; 
    height: 100% !important; 
} 

：これは私の現在のCSSです。誰かが私が間違っていることを知っていますか？

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/