Selectors Level 3 (селекторы, уровень 3)

В спецификации Selectors Level 3 определяются специальные шаблоны - селекторы, которые позволяют ограничивать применения css-правил, задающих стиль, определенным кругом элементов в иерархии документа. Шаблоны делятся на несколько групп, в зависимости от критериев ограничений, и включают такие группы как - по имени html-тега, по атрибутам html-тега, по положению элементов в дереве документа, по отношению к другим элементам документа, по текущему состоянию элемента, а так же некоторые другие. Данный документ является развитием предыдущей версии - Селекторы, уровень 2, которая является часть общей спецификации CSS 2.1.

Статус:
Рекомендация (REC)

Редакторы:
Tantek Çelik, Elika J. Etemad, Daniel Glazman, Ian Hickson, Peter Linss, John Williams

Ссылки:
http://www.w3.org/TR/css3-selectors/ - официальная спецификация W3C

Свойства:

  • ::after - стиль для псевдоэлемента, следующим за непосредственно за определенным селектором
  • ::before - стиль для псевдоэлемента, находящимся непосредственно перед определенным селектором
  • ::first-letter - стиль для первой буквы элемента, определенного селектором
  • ::first-line - стиль для первой строки элемента, определенного селектором
  • :active - стиль для активной ссылки
  • :checked - стиль для элементов управления в состояние "отмечено" или "выбрано"
  • :disabled - стиль для элементов управления заблокированных или отключенных
  • :empty - стиль для полностью пустых элементов, без текста и вложенных элементов
  • :enabled - стиль для доступных элементов управления
  • :first-child - стиль для первого вложенного элемента
  • :first-of-type - стиль для первого вложенного элемента указанного типа
  • :focus - стиль для элемента получившего фокус
  • :hover - стиль для элемента на который наведен курсор мыши
  • :lang - стиль для элементов с указанным языком
  • :last-child - стиль для последнего вложенного элемента
  • :last-of-type - стиль для последнего вложенного элемента указанного типа
  • :link - стиль для ссылок, которые еще не были посещены
  • :not - стиль для элементов не подходящих под указанный селектор
  • :nth-child - стиль для вложенных элементов соответствующих указанной нумерации рассчитываемой с начала
  • :nth-last-child(n) - стиль для вложенных элементов соответствующих указанной нумерации рассчитываемой с конца
  • :nth-last-of-type(n) - стиль для вложенных элементов соответствующих указанной нумерации и определенного типа рассчитываемой с конца
  • :nth-of-type(n) - стиль для вложенных элементов соответствующих указанной нумерации и определенного типа рассчитываемой с начала
  • :only-child - стиль для вложенных элементов, которые являются единственными вложенными элементами
  • :only-of-type - стиль для вложенных элементов указанного типа, которые являются единственными вложенными элементами
  • :root - стиль для корневого элемента документа
  • :target - стиль для целевого элемента, соответствующего текущему адресу документа
  • :visited - стиль для ссылок, которые уже были посещены
  • E + F - стиль для элементов F, следующими непосредственно за элементами E на одном уровне вложенности
  • E > F - стиль для элементов F, вложенных в элементы E, и находящиеся на первом уровне вложенности
  • E F - стиль для элементов F, вложенных в элементы E, и находящиеся на любом уровне вложенности
  • E ~ F - стиль для элементов F, следующими за элементами E на одном уровне вложенности
  • [attr$="value"] - стиль для элементов, у которых значение заданного атрибута заканчивается на определенную строку
  • [attr*="value"] - стиль для элементов, у которых значение заданного атрибута содержит определенную подстроку
  • [attr^="value"] - стиль для элементов, у которых значение заданного атрибута начинается с определенной строки
  • [attr|="value"] -
  • [attr~="value"] - стиль для элементов, у которых для заданного атрибута в перечне значений содержится определенное слово
  • по атрибуту -
  • по значению атрибута -
  • по классу -
  • по типу -
  • по уникальному индитификатору -
  • универсальный - соответствует любому элементу