爲什麼H1標籤不需要在CSS中的類或ID？

Question

我只是看着我的CSS和h1標籤的定義是這樣的：「」

h1 { .... } 

當一切要麼有一個ID爲「＃」或在它之前的類。標題標籤不需要這個的原因是什麼？我真的犯了一個錯誤，他們確實需要一個？

Answer 1

這意味着所有發生的h1將共享相同的樣式。同樣，你可以有：

p { font-family: Helvetica; } 

任何其他元素定義樣式，e.g這意味着所有的p標籤將使用Helvetica字體。

注意，它也是一個最佳實踐在一個頁面只是一個h1元素。

你可以找到一個簡要概述什麼不同類型的選擇意味着here。

Answer 2

它不只是標題標籤。所有元素僅僅是通過他們的名字「被選擇」。 '＃'用於通過id和「。」來「選擇」。用於按類「選擇」。

Answer 3

它在the doc說：

5.4類型選擇

類型選擇文檔語言元素類型的名稱相匹配。 類型選擇器匹配 文檔樹中的每個元素類型實例。

因此，任何有效的元素可能只是通過指定名稱來選擇。順便說一下，它也適用於更復雜的選擇器。

Answer 4

的想法是不是在「H1」的標籤並不需要有「class和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。