Псевдоклассы в CSS — это ключевые слова, добавляемые к селекторам для указания особого состояния элемента. Они позволяют применять стили к элементам на основе их взаимодействия с пользователем, положения в структуре документа или других характеристик, которые не могут быть выражены стандартными селекторами.
Примеры псевдоклассов:
Состояния пользователя:
:hover
- элемент, на который наведен курсор мыши.:active
- элемент, который активируется (например, нажата кнопка мыши).:focus
- элемент, находящийся в фокусе ввода (например, текстовое поле).:visited
- ссылка, которую пользователь уже посещал.:link
- ссылка, которую пользователь еще не посещал.Положение в структуре:
:first-child
- первый дочерний элемент своего родителя.:last-child
- последний дочПсевдоклассы в CSS — это ключевые слова, добавляемые к селекторам для указания особого состояния элемента. Они позволяют применять стили к элементам на основе их взаимодействия с пользователем, положения в структуре документа или других характеристик, которые не могут быть выражены стандартными селекторами.
Примеры псевдоклассов:
Состояния пользователя:
:hover
- элемент, на который наведен курсор мыши.:active
- элемент, который активируется (например, нажата кнопка мыши).:focus
- элемент, находящийся в фокусе ввода (например, текстовое поле).:visited
- ссылка, которую пользователь уже посещал.:link
- ссылка, которую пользователь еще не посещал.Положение в структуре:
:first-child
- первый дочерний элемент своего родителя.:last-child
- последний дочЗарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.