要素Bに特定のクラスが含まれている場合、要素Aにスタイルを適用します。

Question

要素のクラスをチェックし、存在するかどうかを確認して別のクラスのスタイルを適用できますか？

例の擬似コード：

if (.myClass .myBlock == true) { 
 
    .otherClass { 
 
    display:none 
 
    } 
 
}

Answer 1

それは、この文脈ではできません。しかし、CSSのカスケード性に似た結果が得られます。

はあなたのウェブサイトのボディにクラスを適用します。

.another-class { 
    display: none; // hides .another-class by default 
} 

body.special-class { 
    .another-class { 
     display: block; // shows if the body contains .special-class 
    } 
} 

生成される出力の特異性は、二番目のルールで高くなっているので、.another-classを持つ要素が表示されます。

は、次の行をクラス

行after述べたクラスを表示することを可能+セレクタを活用を与えます。私はCSSで可能であることすべてだ怖い

.popup { 
 
    display: none; 
 
} 
 

 
.popup:hover { 
 
    display: block; 
 
} 
 

 
.container:hover + .popup { 
 
    display: block; 
 
}

<div class="container">Hover me!</div> 
 
<div class="popup">This is a popup!</div>

：この方法では、我々は、次のHTMLを持っている与えられた、ドロップダウンポップアップのスタイルを設定することができます。