В CSS правила по согласованию комбинаций определяют, какие стилевые правила применяются к элементам в дереве документа. Эти комбинации, называемые селекторами, могут находиться в диапазоне от простых названий элементов до самых богатых контекстуальных образцов. Если все условия в комбинациях правильные для определенного элемента, то селектор согласуется с элементом.
Чувствительность к регистру названий элементов в языке документа для селекторов зависит от этого языка. Например, в HTML названия элементов не чувствительны к регистру, но в XML они чувствительны.
Согласуется с любым элементом E (т.е. элемент типа Е).
Селекторы
E F
Согласуется с любым элементом F, который является потомком элемента E.
Наследующие селекторы
E > F
Согласуются с любым элементом F, который является дочерним элемента E.
Дочерние селекторы
E:first-child
Согласуются с элементом E, когда E – первый дочерний элемент своего родителя.
Псевдо класс :first-child
E:link
E:visited
Согласуются с элементом E, если E является якорем источника гиперсвязи, которая еще не посещена (:link), или уже посещена (:visited).
Псевдо-классы для связи: :link и :visited.
E:active
E:hover
E:focus
Согласуется с E во время определенных действий пользователей.
Динамические псевдо-классы: :hover, :active, и :focus.
E:lang(С)
Согласуется с элементом типа 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"].
