为什么H1标签不需要css中的类或id?

时间:2012-10-06 23:18:24

标签: css

我只是看着我的CSS,h1标签定义如下:

h1 { .... }

当其他所有内容都有ID“#”或“。”时在它之前的类。标头标签不需要这个的原因是什么?我事实上犯了错误,他们确实需要一个吗?

4 个答案:

答案 0 :(得分:6)

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

p { font-family: Helvetica; }

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

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

您可以简要了解不同类型的选择器的含义here

答案 1 :(得分:4)

the doc中说:

  

5.4类型选择器

     

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

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

答案 2 :(得分:2)

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

答案 3 :(得分:0)

这个想法不是“h1”标签不需要“class or id”。它可以像其他标签一样具有类或ID。这取决于您,以及您如何使用它。如其他答案所述,如果你想为你的所有h1应用一个特定的样式,那么你将没有一个类,你的CSS将是:h1 {...}

但是如果你想对你拥有的每个“h1”标签使用特定的样式,那么你可以使用class属性来识别每个“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为红色,第二个为蓝色。