Чувствительность имен элементов языка документа к регистру определяется языком документа. Например, в 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-селекторы |