ПсевдоклассыПсевдоклассы и псевдоэлементы – это события, которые происходят при определенных условиях. Синтаксис псевдокласса:
Псевдоклассы, определяющие состояние элементов
Hover – псевдокласс, меняющий состояние элемента при наведении курсора мышки на него. Active – срабатывает при активации элемента, например в момент нажатия на гиперссылку она будет иметь стиль, заданный псевдоклассом active. Focus – срабатывает в момент фокусирования в данный элемент, например, когда в поле ввода попадает указатель Link, Visited – применяются к непосещенным и посещенным ссылкам соответственно. First-child – позволяет выбрать первый дочерний элемент какого-либо тега. Например: li:first-child{color: red;} – окрасится в красный цвет только первый элемент списка. nth-child – добавляет стиль определенным элементам, которые на основе нумерации указывает пользователь. Синтаксис: элемент:nth-child (<выражение>){…}. Выражение задается в виде an+b, где a и b целые числа, а n — счетчик, который автоматически принимает значение 0, 1, 2... Можно комбинировать псевдоклассы: h2: hover:visited {…} (то есть операция AND). Можно группировать псевдоклассы: h2: hover, h2:visited {…} (то есть операция OR).
|
