2013-04-19 2 views
-2

В настоящее время я читаю книгу Чарльза Вайка-Смита «Стилин с помощью CSS».Селекторы CSS для родительских элементов

У него есть один раздел, где есть nav.menu> ul {} AS WELL AS nav.menu ul {}.

Какова цель селектора?

+0

2-й результат google: http://css-tricks.com/child-and-sibling-selectors/ – David

+0

Возможный дубликат [Селекторы CSS,> в сравнении с пробелом] (http://stackoverflow.com/questions/2636379/ css-selectors-versus-space) – pickypg

+0

(или сначала, если вы ищете «css> selector») – Dave

ответ

2

Он выбирает непосредственных детей, в отличие от потомков в любой точке иерархии.

3

http://www.w3.org/TR/CSS2/selector.html

Краткое Пояснение:

E> F Совпадает любой элемент F, который является дочерним элементом Е.

Подробнее из того же источника:

Детский селектор соответствует, когда элемент является дочерним элементом какого-либо элемента. Детский селектор состоит из двух или более селекторов, разделенных символом «>».

правило устанавливает стиль всех P элементов, которые являются потомками корпуса:

тела> P {строка-высота: 1,3} Следующий пример объединяет селекторы потомков и селекторы дочерних элементов:

div ol> li p Он соответствует элементу P, являющемуся потомком LI; элемент LI должен быть дочерним элементом элемента OL; элемент OL должен быть потомком DIV. Обратите внимание, что необязательное пустое пространство вокруг комбинатора «>» было опущено.

Информацию о выборе первого ребенка элемента см. В разделе раздела о псевдокласс класса first-child ниже.

+0

Где в качестве альтернативы соответствует любой дочерний элемент в цепочке, а не любой потомок (например, ребенок ребенка будет иметь квалификацию без ' ', но не с'> '). – pickypg

Смежные вопросы