通用选择器

本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 15 课，共 76 课。

通用选择器是 CSS 中一种强大的选择器，可以选中页面上的每个 HTML 元素。它用星号（*）表示。

通用选择器会将指定的样式应用于所有元素，而不考虑它们的类型、类或 ID。浏览器会先应用自己的默认样式，再应用你设置的样式（例如标题和段落周围的外边距，以及列表的内边距），因此，通用选择器适合用来设置全局样式，或重置整个文档中的浏览器默认样式。

以下是使用通用选择器的基本语法：

* {
    property: value;
}

例如，假设你想为页面上的所有元素设置默认文本颜色和字体大小。你可以这样使用通用选择器：

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

挑战

简单

你会得到一个包含多个元素的 HTML 文档，其中包括标题（<h1>、<h2>）、段落（<p>）和一个分区（<div>）。你的任务是使用通用选择器为这些元素设置样式。请按以下步骤操作：

使用通用选择器编写一条 CSS 规则，将所有元素的文本颜色设为 darkgray，字体大小设为 16 像素。

亲手试试

<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>