Псевдоклассы и псевдоэлементы расширяют возможности селекторов в CSS, позволяя применять стили к элементам на основе их состояния, положения или других характеристик, которые не могут быть выражены простыми селекторами.
Псевдоклассы
Псевдоклассы начинаются с одиночного двоеточия (:). Они используются для стилизации элемента в определенном состоянии.
Основные псевдоклассы:
:hover - стилизует элемент при наведении курсора мыши.:active - стилизует элемент во время клика (активации).:focus - стилизует элемент, который в данный момент находится в фокусе (например, после перехода по ссылке или клика на поле ввода).:visited - стилизует посещенную ссылку.:link - стилизует непосещенную ссылку.:first-child - стилизует первый дочерний элемент своего родителя.:last-child - стилизует последний дочерний элемент своего родителя.:nth-child(n) - стилизует n-й дочерний элемент своего родителя. n может быть числом, ключевым словом (even, odd) или выражением (2n+1).:nth-last-child(n) - стилизует n-й дочерний элемент своего родителя, отсчитывая с конца.:not(selector) - стилизует элементы, которые не соответствуют указанному селектору.cssПсевдоэлементы
Псевдоэлементы начинаются с двойного двоеточия (::). Они используются для стилизации определен
Псевдоклассы и псевдоэлементы расширяют возможности селекторов в CSS, позволяя применять стили к элементам на основе их состояния, положения или других характеристик, которые не могут быть выражены простыми селекторами.
Псевдоклассы
Псевдоклассы начинаются с одиночного двоеточия (:). Они используются для стилизации элемента в определенном состоянии.
Основные псевдоклассы:
:hover - стилизует элемент при наведении курсора мыши.:active - стилизует элемент во время клика (активации).:focus - стилизует элемент, который в данный момент находится в фокусе (например, после перехода по ссылке или клика на поле ввода).:visited - стилизует посещенную ссылку.:link - стилизует непосещенную ссылку.:first-child - стилизует первый дочерний элемент своего родителя.:last-child - стилизует последний дочерний элемент своего родителя.:nth-child(n) - стилизует n-й дочерний элемент своего родителя. n может быть числом, ключевым словом (even, odd) или выражением (2n+1).:nth-last-child(n) - стилизует n-й дочерний элемент своего родителя, отсчитывая с конца.:not(selector) - стилизует элементы, которые не соответствуют указанному селектору.cssПсевдоэлементы
Псевдоэлементы начинаются с двойного двоеточия (::). Они используются для стилизации определен
Зарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.