it-swarm.com.ru

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

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

145
Sam152

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

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

183
tpdi
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>
123
Brian Campbell

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

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

div.resources > a{color: white;}

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

8
Adam Alexander
E > F

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

подробнее о http://www.w3.org/TR/CSS21/selector.html#child-selectors

4
Tobias