CSS3 включает большое количество новых псевдоклассов, которые позволяют выбирать и стилизовать элементы на основе их состояния, позиции, атрибутов и других характеристик. Некоторые из наиболее интересных и полезных псевдоклассов, добавленных в CSS3, включают:

1. :nth-child(n) - выбирает элементы, которые являются n-м потомком своего родителя.
2. :nth-of-type(n) - выбирает элементы, которые являются n-м элементом своего типа внутри родителя.
3. :not(selector) - выбирает элементы, которые не соответствуют заданному селектору.
4. :first-child - выбирает первый дочерний элемент своего родителя.
5. :last-child - выбирает последний дочерний элемент своего родителя.
6. :first-of-type - выбирает первый элемент своего типа внутри родителя.
7. :last-of-type - выбирает последний элемент своего типа внутри родителя.
8. :empty - выбирает элементы, которые не имеют дочерних элементов.
9. :target - выбирает элемент, на который ссылается текущий URL.
10. :hover - выбирает элемент, над которым находится курсор мыши.
11. :focus - выбирает элемент, который имеет фокус ввода.
12. :checked - выбирает элементы, которые отмечены флажком или переключателем.
13. :disabled - выбирает элементы, которые отключены.
14. :enabled - выбирает элементы, которые включены.
15. :required - выбирает элементы, которые имеют атрибут required.
16. :valid - выбирает элементы, которые прошли проверку валидации.
17. :invalid - выбирает элементы, которые не прошли проверку валидации.

Эти и другие псевдоклассы в CSS3 позволяют создавать более гибкие и мощные стили для элементов на странице, учитывая их состояние и другие характеристики.

Назад