条件付きCSSフォーマット

Question

それはdivの上でホバー効果を使用して、クラスを変更するには、条件付き書式を追加することは可能ですか？これらのクラスは独立したdivです。

Answer 1

いいえ、純粋なCSSを使用していません。

JSを使用することはできますが、マークアップのコードがないと、最良の方法が何であるかは分かりません。

（もちろん、あなたが書いたdivの中にフォントの色を適用するのであれば、あなたはそれを記述するのではなく、CSSだけでやりとりすることができます。 divでホバリングする）

Answer 2

CSSでこれを達成する一般的な方法はありません。

あなたはresizeクラスのメンバである要素と（あなたがそのような子孫、子または兄弟としてcombinatorを使用して行うだろう）font_whiteクラスのメンバーである要素の両方にマッチするセレクタを書くことができた場合あなたはそれを達成するためにコンビネータを使うことができます。例えば

：あなたは、特定のHTMLのために良いと考えコンビネータを選択する必要があります

<button class="resize">Hover Me</button> 
<section id="first">...</section> 
<section id="second" class="font_white">...</section> 
<section id="third" class="font_white">...</section> 

：あなたのHTMLのようなものを見た場合

.resize:hover ~ .font_white { ... } 

が働くだろう。

Answer 3

CSSを書き直すと、あなたのクラスのスタイル宣言を再定義することなく、あなたが望む効果が得られ、達成可能であることがわかります。

例：

.primary-text { 
color: white; 
} 

.resize:hover { 
height: 360px; 
z-index: 1; 
} 

.resize:hover .primary-text { 
color: blue; 
}