itProger Видеокурсы Изучение CSS/CSS3 для новичка: от нуля до гуру #4 – Псевдоклассы и псевдоэлементы

#4 – Псевдоклассы и псевдоэлементы

При помощи CSS мы можем обращаться к состояниям и определенным частям HTML блоков. Такое может происходить за счет различных псевдоэлементов. В уроке мы научимся работать псевдоклассами и псевдоэлементами.

Видеоурок

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

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

Материалы для курса

css-lesson-4.zip

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

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

Загрузка...

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

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

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

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

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

div:hover {
	background-color: blue
}

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

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

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

HTML5

CSS3