Псевдоклассы
Часть раздела CSS Mastery путешествия по HTML на Coddy — урок 7 из 43.
Интерактивные псевдоклассы позволяют изменять внешний вид элементов, когда пользователи совершают такие действия, как наведение курсора мыши, щелчок по ним или их выбор. Они помогают сделать ваш сайт более отзывчивым и приятным в использовании.
Синтаксис псевдоклассов:
selector:pseudo-class {
property: value;
}
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Шпаргалка
Интерактивные псевдоклассы изменяют внешний вид элемента в зависимости от действий пользователя. Они используют следующий синтаксис:
selector:pseudo-class {
property: value;
}Попробуйте сами
В этом уроке нет задания по программированию.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела CSS Mastery
1Мастерство селекторов — Комбинации
ВведениеСелектор потомковДочерний селекторСмежный селекторОбщий родственный селекторИтоговое испытание4Проект: Выпадающее меню
Добавление подменюОтображение подменюДополнительная стилизацияПоле ввода и кнопка2Интерактивные псевдоклассы
ПсевдоклассыЭффекты наведенияЭффекты фокусаАктивные стилиИтоговое испытание