Опубликовано: 18.08.2010 Последняя правка: 08.12.2015
Псевдоклассы
Псевдоклассы CSS.
- :active
- Задает стили элементам в момент их активации пользователем.
- :checked
- Используется для изменения стиля отображения переключателей (radio) и флажков (checkbox), когда они находятся в активном (выбранном) состоянии.
- :disabled
- Применяет стили (CSS) к заблокированным (деактивированным) элементам пользовательского интерфейса: кнопок, текстовых полей.
- :empty
- Задает стили пустым HTML-элементам, то есть элементам, которые не имеют никакого содержимого.
- :enabled
- Применяет стили (CSS) к элементам пользовательского интерфейса страницы (кнопок, текстовых полей), которые не являются заблокированными, то есть в них не используется атрибут disabled.
- :first-child
- Используется для применения стилей к указанному элементу, если он является первым дочерним элементом другого (любого) родительского элемента.
- :first-of-type
- Используется для применения стилей к указанному элементу, если он является первым дочерним элементом данного типа для другого элемента.
- :focus
- Применяет стили к элементам получившим фокус.
- :hover
- Изменяет стили элементов в момент наведения на них курсора мыши.
- :lang
- Используется для придания необходимых стилей элементам содержащим информацию на определенном языке (русский, английский, немецкий и т.д.).
- :last-child
- Используется для применения стилей к указанному элементу, если он является последним дочерним элементом для другого элемента.
- :last-of-type
- Используется для применения стилей к указанному элементу, если он является последним дочерним элементом данного типа для другого элемента.
- :link
- Задает стили непосещенных ссылок, то есть ссылок, на которые данный пользователь еще не нажимал и не делал по ним переход.
- :not
- Применяет стили к элементу или элементам, которые не сопоставляются с указанными селекторами или псевдоклассами.
- :nth-child
- Позволяет применить стили (CSS) к выбранным дочерним элементам другого (родительского) элемента, основываясь на порядке появления их в HTML-коде страницы (дереве документа) с учетом всех дочерних элементов.
- :nth-last-child
- Позволяет применить стили к выбранным дочерним элементам другого элемента, основываясь на порядке обратном появлению их в HTML-коде страницы с учетом всех дочерних элементов.
- :nth-last-of-type
- Позволяет применить стили к выбранным дочерним элементам другого элемента, основываясь на порядке обратном появлению их в HTML-коде страницы, но с учетом только тех дочерних элементов, которые указаны перед данным псевдоклассом.
- :nth-of-type
- Позволяет применить стили к выбранным дочерним элементам другого элемента, основываясь на порядке появления их в HTML-коде страницы, но с учетом только тех дочерних элементов, которые указаны перед данным псевдоклассом.
- :only-child
- Используется для применения стилей к указанному элементу, когда он является единственным дочерним элементом своего родителя.
- :only-of-type
- Используется для применения стилей к указанному элементу, когда он является единственным дочерним элементом данного типа у своего родителя.
- :root
- Устанавливает стили для элемента, который является корневым в данном документе. В HTML этот элемент всегда <HTML>.
- :target
- Задает стили элементам, содержащим якорь-закладку (анкор), после перехода к ним по ссылке.
- :visited
- Задает стили посещенных ссылок, то есть ссылок, на которые данный пользователь уже нажимал и делал по ним переход.