Поиск

Сопоставление шаблонов

Чувствительность имен элементов языка документа к регистру определяется языком документа. Например, в HTML-документах имена элементов не зависят от регистра, а в XML-документах - зависят. В следующей таблице приводятся краткие сведения о синтаксисе селекторов в CSS2:
Шаблон Значение Описано в разделе
* Сопоставляется любому элементу. Универсальный селектор
E Сопоставляется любому элементу E (т.е. элементу типа E.Селекторы типа
E FСопоставляется любому элементу F, который является потомком элемента E. Селекторы потомков
E > F Сопоставляется любому элементу F, который является дочерним элементом элемента E. Селекторы дочерних элементов
E:first-child Сопоставляется элементу E, если он является первым дочерним элементом своего родительского элемента. Псевдокласс
E:link
E:visited
Сопоставляется элементу E, если он является привязкой гиперссылки, направляющей к документу, которой еще не был просмотрен (:link) или уже был просмотрен (:visited). Псевдоклассы ссылок
E:active
E:hover
E:focus
Сопоставляется элементу E во время определенных действий пользователя. Динамические псевдоклассы
E:lang(c) Сопоставляется элементу E, если он присутствует в разговорном языке (язык документа указывает, каким образом определяется разговорный язык). Псевдокласс :lang
E + F Сопоставляется любому элементу F, которому непосредственно предшествует элемент E. Селекторы сестринских элементов
E[foo] Сопоставляется любому элементу E с набором атрибутов "foo" (независимо от значения). Селекторы атрибутов
E[foo="warning"] Сопоставляется любому элементу E, у которого значение атрибута "foo" в точности равно "warning". Селекторы атрибутов
E[foo~="warning"] Сопоставляется любому элементу E, у которого значением атрибута "foo" является список значений, разделенных пробелами, и одно из этих значений в точности равно "warning". Селекторы атрибутов
E[lang|="en"] Сопоставляется любому элементу E, атрибут "lang" которого имеет список значений, разделенных знаками дефиса, начинающийся (слева) со значения "en". Селекторы атрибутов
DIV.warning Только в HTML. Значение аналогично значению DIV[class~="warning"]. Селекторы классов
E#myid Сопоставляется любому элементу E, атрибут ID которого равен "myid". ID-селекторы