Универсальный селектор

Часть раздела Styling with CSS путешествия по HTML на Coddy — урок 15 из 76.

Универсальный селектор — это мощный селектор в CSS, который выбирает каждый HTML-элемент на странице. Он представляется звездочкой (*).

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

Вот базовый синтаксис использования универсального селектора:

* {
    property: value;
}

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

* {
    color: black;
    font-size: 14px;
}

Задание

Легко

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

Напишите CSS-правило, используя универсальный селектор, которое устанавливает цвет текста всех элементов в darkgray и размер шрифта в 16 пикселей.

Шпаргалка

Универсальный селектор выбирает каждый HTML-элемент на странице, используя звездочку (*):

* {
    property: value;
}

Пример установки глобального цвета текста и размера шрифта:

* {
    color: black;
    font-size: 14px;
}

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

<html>
<head>
    <title>Universal Selector</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>
    <div>This is a division.</div>
</body>
</html>