Як символ "більший за" або ">" використовується в CSS?

Я бачив цього персонажа не раз у CSS-файлах, але поняття не маю, як його використовувати. Хтось може мені це пояснити і показати, чим вони корисні для того, щоб полегшити стиль сторінки?

Це добірчик 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>s, які є безпосередніми дітьми <p>. Так воно буде відповідати:

<p>Text <em>foo</em> bar</p>

Але ні:

<p><strong><em>foo</em></strong></p>

це відомо як дитячий комбінатор:

Доданий добірник-комбінатор був доданий, щоб мати можливість стилізувати вміст елементів, що містяться в інших заданих елементах. Наприклад, припустимо, що для певного класу білий колір має бути кольором гіперпосилань всередині тегів div, оскільки вони мають темний фон. Це можна досягти, використовуючи період для поєднання діва з ресурсами класу та знаком, що перевищує значення як комбінатор, щоб поєднати пару з а, як показано нижче:

div.resources > a{color: white;}

(від http://www.xml.com/pub/a/2003/06/18/css3-selectors.html )

E > F

Відповідає будь-якому елементу F, який є дочірнім елементом Е.

докладніше про http://www.w3.org/TR/CSS21/selector.html#child-selectors