Практическая работа

CSS-селекторы

Редактируйте файл style.css и проверяйте результат в браузере.

Порядок работы: выполните задание, добавив правило в блок «Ваши решения» файла style.css. После сохранения обновите страницу.

Задания

Задайте фиолетовый цвет текста всем элементам с классом .tag.
Задайте зелёный цвет ссылке «Документация CSS», используя её id.
Задайте светло-жёлтый фон прямым пунктам списка «Темы». Используйте селектор ребёнка >.
Задайте жирное начертание второму пункту списка «Темы» через :nth-child().
Задайте синюю рамку элементу с атрибутом data-level="easy".
При наведении сдвиньте каждый элемент .card вверх. Используйте :hover и transform.
Измените цвет первого абзаца внутри блока .note через :first-of-type.
Добавьте символ ★ перед заголовком третьей карточки через ::before.

метка 1

Значение атрибута data-level: easy.

метка 2

Значение атрибута data-level: medium.

метка 3

Элемент для задания с псевдоэлементом.

Первый абзац внутри блока.

Второй абзац внутри блока.