css - ネストされていないクラスを選択するには? CSS

Question

例：

<div class="one">
</div>
<div class="two">
</div>

.twoの背景色を変更したいのですが:hover、.oneそのような選択は可能ですか?

Answer 1

それらが互いに隣り合っている場合（あなたが示したように）、隣接する（+）セレクターを使用できます：

.one:hover+.two { ... }

それらが少し離れていても兄弟である場合、つまり DOM ツリーの同じレベルにある場合は、兄弟 ( ~) セレクターを使用できます。

.one:hover~.two { ... }

それらがそれよりも離れている場合は、苦労する可能性があります.CSSは現時点では簡単ではありません.