#5 - Псевдоклассы и псевдоэлементы в CSS

#5 - Псевдоклассы и псевдоэлементы в CSS

Псевдоклассы и псевдоэлементы в значительной мере расширяют функционал добавления стилей к объектам. Если вам нужно задать стили при наведении мыши на объект или же стили к первой строке, то лучше всего использовать как раз псевдоклассы и псевдоэлементы.

Видеоурок

Все пседоэлементы и псевдоклассы добавляются через двоеточие - :. Ранее необходимо было обязательно прописывать для псевдоклассов одно двоеточие, а для пседоэлементов два двоеточия. С приходом CSS3 этот момент был упрощен и теперь можно для всего прописывать лишь одно двоеточие.


За курс мы еще дополнительно познакомимся с новыми псевдоэлементами и псевдоклассами, а сейчас за видео были рассмотрены лишь главные псевдо- классы и элементы. Почитать детальнее обо всех псевдоклассах и элементах можно в нашем справочнике.

Онлайн редактор кода

Загрузка...

Задание к уроку

Эффект при наведении

Создайте стиль для всех объектов div. При наведении мыши на объект делайте задний фон синего цвета.

Посмотреть ответ

Решение задания CSS код:

div:hover {
	background-color: blue
}

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Современная вёрстка адаптивного веб-сайта
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Комментарии для сайта Cackle