Подтвердить что ты не робот

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

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

4b9b3361

ОТВЕТЫ

Ответ 1

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

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

Ответ 2

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>

Ответ 3

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

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

div.resources > a{color: white;}

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