Как символ «больше чем» или «>» используется в CSS?

Question

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

Answer 1

Это дочерний селектор CSS. P > SPAN означает применение стиля, который следует за всеми тегами SPAN, которые являются потомками тега P.

Обратите внимание, что «ребенок» означает «непосредственный потомок», а не просто любой потомок. P SPAN - это селектор потомков , применяющий стиль, который следует за всеми тегами SPAN, которые являются потомками тега P или рекурсивно дочерними по отношению к любому другому тегу, который является потомком / потомком P тег. P > SPAN применяется только к тегам SPAN, которые являются потомками тега P.

Answer 2

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>

Answer 3

это известно как дочерний комбинатор:

Добавлен дочерний комбинаторный селектор чтобы иметь возможность стилизовать содержание элементы, содержащиеся в других указанные элементы. Например, Предположим, кто-то хочет установить белый цвет как цвет гиперссылок внутри тегов div для определенного класса, потому что у них есть темный фон. Это может быть достигается с помощью периода до объединить div с ресурсами класса и знак «больше» как комбинатор для объединения пары с как показано ниже:

div.resources > a{color: white;}

(из http://www.xml.com/pub/a/2003/06/18/css3-selectors.html)

Answer 4

E > F

Соответствует любому элементу F, являющемуся дочерним элементом элемента E.

больше на http://www.w3.org/TR/CSS21/selector.html#child-selectors