Селектор сравнения образцов
Любое правило CSS начинается с селектора. Селектор представляет собой выражение, определяющее сравнение с образцом, который связывает конкретный элемент XML с конкретным правилом. Когда обработчик CSS находит элемент соответствующий селектору, правило запускается. Запуск правила означает просто создание объекта визуализации, который приобретает свойства, заданные телом правила. В таблице ниже показан набор типов селектора, поддерживаемых стандартом CSS2:
| Образец |
Значение |
| * |
Соответствует любому элементу |
| Е |
Соответствует любому элементу Е (любому элементу типа Е ) |
| Е, F |
Соответствует любому элементу Е или элементу F
|
| Е F |
Соответствует любому элементу F, являющемуся потомком элемента Е
|
| Е > F |
Соответствует любому элементу F, являющемуся непосредственным потомком элемента Е
|
| Е: first-child |
Соответствует элементу Е, если Е является первым непосредственным потомком своего родителя |
| E: link |
Соответствует элементу Е, если Е представляет собой исходный якорь гиперссылки, которая еще не посещалась ( : link ) или уже посещалась ( :visited ) |
| Е: visited |
| E: active |
Соответствует элементу Е при определенных действиях пользователя |
| E: hover |
| E: focus |
| Е:lang( с) |
Соответствует элементу типа Е, если Е написан на языке с (человеческом). Каким образом определяется язык, показывает язык документа
|
| Е + F |
Соответствует любому элементу F, которому непосредственно предшествует элемент Е
|
| E [foo] |
Соответствует любому элементу Е с заданным атрибутом foo (независимо от его значения) |
| E [foo = "warning"] |
Соответствует любому элементу Е, атрибут foo которого точно равен выражению "warning"
|
| Е [foo ~= "warning"] |
Соответствует любому элементу Е, атрибут foo которого представляет собой список значений, разделенных пробелами, одно из которых точно равно выражению "warning"
|
| E [lang | = "еn"] |
Соответствует любому элементу Е, атрибут "lang" которого содержит разделенный дефисами список значений, начинающихся слева с сочетания "еn"
|
| E#myid |
Соответствует любому элементу Е, атрибут ID которого равен myid
|
