同じDOMレベルで複数のdivがあるとします。私が1つ上を移動すると、他のすべての人がスタイルを変える（つまり、不透明度を下げるか背景を変える）ようにしたい。1つの要素がホバリングされたときの他のすべての要素のスタイルを変更します
+または~セレクタを使用することはできません。これは、直接隣接する兄弟だけでなく次の兄弟だけでなく、すべての兄弟を選択する必要があるためです。基本的に私が探しているのは、 "すべての兄弟ですが、この1つ"のセレクタです。これは存在しますか？これを達成する方法はありますかJavaScriptなし？
トリックは、親要素にホバー擬似セレクタを配置し、それに応じて子をスタイルすることです。ここで
.parent:hover .child {
opacity: .5;
}
.parent .child:hover {
opacity: 1;
}
上記の例では非常に良いが、そこのdivの間に余裕があり、あなたがトリガする効果をしたくない場合は空のスペースにカーソルを置くと、javascriptの必要はありません。
ここでは簡単な回避策です：
だけで（それがデフォルトで表示されている必要があり）.childにfloat:leftを追加し、.parentはoverflow:visibleを持っていることを確認してくださいが。
これにより、.parentは0pxになります（したがって、空の領域は効果を引き起こしません）。.childをホバリングすると、:hover疑似クラスが発生します。
うわー、それほど些細なことですが、私はそれを考えることができないと恥じています。ありがとう。 – Bobe
しかし、待って、キャッチがあります。私が言及したこれらのdivの間には空きスペースがたくさんありますが、親divにカーソルを置くだけで、それらを調光させたくありません。 – Bobe
それはちょうどキャッチです。 JavaScriptを使用したくない場合は、JavaScriptを使用します。 – joshnh