2014-03-13 293 views
1

我不知道我是否正確理解它。當在CSS樣式這樣:瞭解.body和body之間的區別

body { 
} 

我指的是屬於HTML的元素。當我寫這樣的東西:

.body { 
} 

我指的是我給出的類名。它是否正確?

+4

對.......... – DaniP

+0

是的,這是正確的 – SW4

+0

。是身體,#是身份證,缺乏實際的標籤。 – Stephan

回答

4

您可能需要查看有關CSS Selectors from MDN的文章,這是您列出的類型的選擇器的also a pretty healthy introductory article以及其他一些重要的文章。

非符號前綴「字」表示具有周期(.)前綴的元件(body),一個「單詞」表示「類」(.body

元選擇器(稱爲「類型」選擇器)只能引用特定類型的元素(例如body),類選擇器可以應用於任何類型的元素,而像id選擇器(「單詞」之前的散列)是唯一的,只能應用於單個元素即每個元素一個id,不能在別處使用)

選擇器有很多種類型和組合,以g等您可能還需要在CSS specificity

特異性讀了一個想法是由瀏覽器決定哪個屬性 值是最相關的元素,並得到應用的手段。 特定性僅基於由 不同種類的選擇器組成的匹配規則。

+0

您應該爲ID添加#。我做了一個編輯,但它似乎已被您的編輯覆蓋。 – TylerH

+0

@TylerH它只是沒有被接受。 – Ruddy

0

是的。

.body{ 
} 

會是這樣的:

<p class='body'>This is text with a class of body</p> 

而且還可以影響與類.body其他元素。

body{ 
} 

會影響body元素如:

<body></body> 

您還可以使用ID的。例如:

#body{ 
} 

而你使用這個類似於一個類。但是每個頁面只有一個相同名稱的ID。

<p id='body'>This is a body tag, but there should only ever be 1 ID per page.</p> 

請看看here瞭解更多信息。