CSSで「より大」または「>」の文字はどのように使用されますか？

この文字はCSSファイルで何度も見たことがありますが、どのように使用されているのかわかりません。誰かが私にそれを説明して、ページスタイルを簡単にするのにそれらがどのように役立つかを示すことができますか？

これはCSS子セレクターです。P > SPANタグの子であるすべてのSPANタグに続くスタイルを適用することを意味しPます。

「子」とは「子孫」ではなく「子孫」を意味することに注意してください。タグの子であるすべてのタグ、またはタグの子/子孫である他のタグの再帰的な子であるすべてのタグに続くスタイルを適用P SPANする子孫セレクターです。タグの子であるタグにのみ適用されます。SPANPPP > SPANSPANP

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要素に一致します。

もっと上のhttp://www.w3.org/TR/CSS21/selector.html#child-selectors