[CSS]ホバー時のエフェクトを自分以外の要素にも適用するチュートリアル

ホバー時のエフェクトを実際にホバーされているエレメント以外にも適用するスタイルシートのチュートリアルを紹介します。 下記キャプチャのデモでは、ホバー時に不透明度を3種類適用しています。 Hover on "Everything But" デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 エレメントにホバー時のエフェクトを与えることは簡単です。 ここでは、ホバー時に不透明度が変化するものを例にしてみます。 div { opacity: 1.0; } div:hover { opacity: 0.5; } これで、ホバー時に不透明度が0.5になるようになりました。 ここまでは簡単ですが、ホバー時のエフェクトを実際にホバーされているエレメント以外にも適用するには、どうしたらよいでしょうか？ 例えば隣接した兄弟のdiv要素などに。 まずは、HTMLの基本的な例を見てください。

[typista]

ぽけったー [CSS]ホバー時のエフェクトを自分以外の要素にも適用するチュートリアル

[kyotaweb]

新しい考え方！

[takf]

身分類

[site159]

考え方がjqueryじみてるｗ

[lotus_tribal]

あとでためす！

[fooo]

jQueryでdivをhover可能にして、CSSで子階層を細かく設定

[daisuke1209]

見せ方メモ　//

[puremac]

divにhoverって、jqueryなのかやっぱり

[karakuriko]

hoverアクション

[hironany]

css

[forcutie]

hover ホバー