В дополнение к css селекторам тегов, классов и идентификаторов нам доступны селекторы псевдоклассов, которые несут дополнительные возможности по выбору нужных элементов.
Список доступных псевдоклассов:
-
:root: позволяет выбрать корневой элемент веб-страницы, наверное наименее полезный селектор, так как на правильной веб-странице корневым элементом практически всегда является элемент <html>
-
:link: применяется к ссылкам и представляет ссылку в обычном состоянии, по которой еще не совершен переход
-
:visited: применяется к ссылкам и представляет ссылку, по которой пользователь уже переходил
-
:active: применяется к ссылкам и представляет ссылку в тот момент, когда пользователь осуществляет по ней переход
-
:hover: представляет элемент, на который пользователь навел указатель мыши. Применяется преимущественно к ссылкам, однако может также применяться и к другим элементам, например, к параграфам
-
:focus: представляет элемент, который получает фокус, то есть когда пользователь нажимает клавишу табуляции или нажимает кнопкой мыши на поле ввода (например, текстовое поле)
-
:not: позволяет исключить элементы из списка элементов, к которым применяется стиль
-
:lang: стилизует элементы на основании значения атрибута lang
-
:empty: выбирает элементы, которые не имеют вложенных элементов, то есть являются пустыми
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
0
|
|||
Последние откомментированные темы:
-
Лучший чат-бот с искусственным интеллектом - какой из них вам подходит?
(1)
boris 1
,
13.01.2022
-
Новогоднее украшение рабочего стола ПК
(1)
Елена2022
,
21.12.2021
-
Как JPG преобразовать в Word с распознаванием текста
(1)
Olejaweb
,
13.11.2021
-
Как вернуть классическое ленточное меню в проводник Windows 11
(1)
Сергей Михайлов сын
,
26.10.2021
20251219031637