この文字は CSS ファイルで何度も見たことがありますが、どのように使用されているかわかりません。誰か私に説明して、ページ スタイルを簡単にするためにそれらがどのように役立つかを示すことができますか?
4 に答える
CSS子セレクターです。P > SPAN
タグの子であるすべての SPAN タグに続くスタイルを適用することを意味しますP
。
「子」とは、単なる子孫ではなく、「直接の子孫」を意味することに注意してください。タグの子であるすべてのタグ、またはタグの子/子孫である他のタグの再帰的な子であるすべてのタグに続くスタイルを適用P SPAN
する子孫セレクターです。タグの子であるタグにのみ適用されます。SPAN
P
P
P > SPAN
SPAN
P
p em
<em>
内にあるものと一致します<p>
。たとえば、次<em>
の sに一致します。
<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>
一方で、
p > em
<em>
の直接の子であるのみに一致し<p>
ます。したがって、一致します:
<p>Text <em>foo</em> bar</p>
だがしかし:
<p><strong><em>foo</em></strong></p>
これは子コンビネータとして知られています:
子コンビネーター セレクターが追加され、指定された他の要素内に含まれる要素のコンテンツのスタイルを設定できるようになりました。たとえば、背景が暗いため、特定のクラスの div タグ内のハイパーリンクの色を白に設定したいとします。これは、以下に示すように、ピリオドを使用して div をクラス リソースと結合し、大なり記号をコンビネータとして使用してペアを a と結合することによって実現できます。
div.resources > a{color: white;}
( http://www.xml.com/pub/a/2003/06/18/css3-selectors.htmlより)
E > F
要素 E の子である任意の F 要素に一致します。