Задание на выбор

Часть раздела Стилизация с CSS путешествия по HTML на Coddy. Урок 16 из 76.

Задание

Легко

Вам дан HTML-документ с различными элементами, включая заголовки (<h1>, <h2>), параграфы (<p>), блок (<div>) и маркированный список (<ul>) с элементами списка (<li>). Ваша задача — использовать различные типы селекторов для стилизации этих элементов. Выполните следующие шаги:

Напишите CSS-правило, используя селектор типа, которое выбирает все элементы <p>. Установите цвет текста на blue и размер шрифта на 16 пикселей.
Добавьте атрибут class со значением "highlight" к элементу <h2> и элементу <div>.
Напишите CSS-правило, используя селектор класса, которое выбирает все элементы с классом "highlight". Установите цвет фона на yellow.
Добавьте атрибут id со значением "special" к элементу <ul>.
Напишите CSS-правило, используя селектор ID, которое выбирает элемент с ID "special". Установите цвет фона на lightgray и размер шрифта на 20 пикселей.
Напишите CSS-правило, используя групповой селектор, которое выбирает все элементы <h1> и <li>. Установите цвет текста на red.

Попробуйте сами

<html>
<head>
    <title>Selection Challenge</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    <div>This is a division.</div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>