- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:サイドナビゲーションの色の一括指定)
CSS3を使用してサイドナビゲーションの色を一括指定する方法はあるか?
このQ&Aのポイント
- CSS3を前提として、HTMLのサイドナビゲーションにおいて特定の要素を指定することで上階層の背景色などを変更する方法があるか気になります。
- CSS3セレクタには子要素に対して指定する方法が存在しますが、親要素に対して指定する方法が見つかりませんでした。
- サイドナビゲーションの表示に使用するHTMLの構造について説明し、<em>要素の位置を利用して親要素のスタイルを変更する方法があるか教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
CSS3の議論では登場していましたが、最終的に見送られました。 多分、そのページにいるときに、現在地を示す「パンくずリスト」としての利用を想定されているのだと思いますが、そのページの<head></head>内にスタイルを記述して対応するしかありません。 [HTML}をキチンとかくと <ul> <li><a href="">1階層目1</a></li> <li><a href="">1階層目2</a> <ul> <li><a href="">2階層目1</a></li> <li><a href="">2階層目2</a> <ul> <li><a href="">3階層目1</a></li> <li><em>3階層目2</em></li> <li><a href="">3階層目3</a></li> </ul> </li> <li><a href="">2階層目3</a></li> </ul> </li> <li><a href="">1階層目3</a></li> </ul> nav ul li:nthcgild(2) ul li:nthchild(2){} と・・・ CSS4の ul $li em 子孫にemを持つli要素 Subject Selector です。
お礼
返事が遅くなってしまって申し訳ありません。 他のサイトなども調べ、現状では無理であることはわかりました。 nav ul li:nthcgild(2) ul li:nthchild(2){} は、CMSの使用想定なので固定にできず。 CSS4に期待します。 ご丁寧にありがとうございました。