- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:親エレメントに含まれる子エレメントにだけ別の設定)
親エレメントに含まれる子エレメントにだけ別の設定
このQ&Aのポイント
- 親エレメントに含まれる子エレメントにだけ別の設定をする方法を教えてください。
- 指定したスタイルとは別に、特定のタグの中に記述された子エレメントにスタイルを指定する方法を教えてください。
- リンクの文字を青色に指定しているが、特定のタグの中だけ文字を別の色にしたい場合、どのように設定すれば良いか教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
>全体的にはリンクの文字を青色に指定していて、 が、a{color:blue;}だとしたら、 >p a{color:gray;} だと、詳細度は前者が[0,0,0,1]、後者が[0,0,0,2]ですから、後者が優先されるはずです。 しかし、 a:link{color:red;} と指定されていれば、詳細度は[0,0,1,2]ですから上書きは出来ません。 リンクの擬似クラス a:link a:visited 動的な擬似クラス a:hover a:focus a:active はいずれも、属性セレクタ、クラスセレクタと同様詳細度は[0,0,1,0]となります。 このセレクタ、カスケーディング、詳細度はCSS(カスケーディングスタイルシート)の命ともいえる重要な部分です。これを使えないとスタイルシートなんて扱えません。 5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html ) 6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html )
お礼
さっそくの回答、どうもありがとうございます。 おっしゃるとおり疑似クラスを設定しておりました。 webコーディングは趣味でやっていただけで、まじめに勉強したことがなかったので、 あちこちのtipsページを見て覚えたものでした。 なので詳細度という値があることすら知りませんでした。 これを機に勉強しなおしてみます。 参考URLまでいただきまして、本当にありがとうございました。