[解決済み】親要素にカーソルを合わせたときに子要素のスタイルを変更する。

質問

親要素にカーソルを合わせたときに、子要素のスタイルを変更するにはどうしたらよいでしょうか。可能であればCSSで解決したいのですが。CSSセレクタの:hoverで可能な解決策はないでしょうか。実は、パネルにカーソルを合わせたときに、パネル内のオプションバーの色を変更する必要があるのです。

主要なブラウザに対応することを希望します。

解決するには？

はい、間違いなくできます。次のようなものを使えばいいのです。

.parent:hover .child {
   /* ... */
}

によると このページ は、すべての主要なブラウザでサポートされています。