css - 为什么 H1 标签在 css 中不需要 class 或 id？

Question

我只是在看我的 CSS，h1 标签是这样定义的：

h1 { .... }

当其他所有内容都具有 id "#" 或 "." 时前面的课。标题标签不需要这个的原因是什么？我实际上犯了一个错误，他们确实需要一个吗？

score 7 · Accepted Answer

这意味着所有出现的h1都将共享相同的样式。同样，您可以为任何其他元素定义样式，例如：

p { font-family: Helvetica; }

这意味着所有p标签都将使用 Helvetica 字体。

请注意，页面中只有一个h1元素也是一种最佳做法。

您可以在此处找到不同类型选择器含义的简要概述。

score 4 · Accepted Answer

文档中说：

5.4 类型选择器

类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中元素类型的每个实例。

因此，只要指定其名称，就可以选择任何有效元素。顺便说一句，它也适用于更复杂的选择器。

score 2 · Accepted Answer

它不仅仅是标题标签。所有元素都仅通过其名称“选择”。'#' 用于通过 id 和“.”“选择”。用于按类“选择”。

score 0 · Accepted Answer

这个想法并不是“h1”标签不需要有“class or id”。它可以像其他标签一样有一个类或 id。这完全取决于您，以及您如何使用它。如其他答案中所述，如果您想对所有 h1 应用特定样式，那么您将拥有它没有类，您的 CSS 将是：h1{...}

但是如果你想对你拥有的每个“h1”标签使用特定的样式，那么你可以使用一个类属性来识别每个“h1”，见下面的例子：

假设您的 HTML 代码中有两个“h1”标签，并且您想为每个标签设置不同的颜色，那么您可以执行以下操作：

HTML：

<h1 class="first-header">Hello World1</h1>
<h1 class="second-header">Hello World2</h1>

CSS：

h1.first-header{color:red;}
h1.second-header{color:blue;}

这将显示您的第一个 h1 为红色，第二个为蓝色。

4 回答 4