Селектор сравнения образцов

Любое правило 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

Начало Назад Вперед