以下css風格之間的區別？

-5

可能重複：
In CSS what is the difference between 「.」 and 「#」 when declaring a set of styles?以下css風格之間的區別？

我新的Web開發。我可以知道以下兩種CSS樣式之間的區別嗎？

.styleName{ 
color:red; 
}

和

#styleName{ 
color:red; 
}

謝謝！

來源

2011-12-21 user1016403

很高興你對網絡開發不熟悉，但請在努力學習基礎知識之前，先問一些可以通過任何[初學者教程]（http://www.htmldog.com）回答的基本問題。 /引導件/ cssintermediate/CLASSID /）。你從哪裏學習CSS？ – 2011-12-21 13:42:40

點代表「class」，其中「＃」號表示「id」。

第一個匹配所有類型爲「styleName」的標籤。第二個對於ID來說是一樣的。

例子：

<p class="styleName">hi</p> <!-- first matches, its a class of name styleName --> 
<p id="styleName">hi</p> <!-- second matches, its an id of type styleName -->

請注意，您在#styleName拼寫錯誤的「顏色」。

來源

2011-12-21 12:57:55 poitroae

一個引用了類名的styleName（class="styleName"在你的HTML），其他引用一個與ID的styleName（與id="" atrribute）的元素。

CSS中的#表示ID選擇器，而.（點）表示類選擇器。一個ID必須是文檔唯一的，而一個類可以被賦予多個元素。

來源

2011-12-21 12:57:11 Bojangles

的。前綴是指元素的類。＃前綴是指元素的ID。

所以你的第一個例子會尋找類似<element class="styleName">....的東西。你的第二個例子是尋找像<element id="styleName">....

來源

2011-12-21 12:58:07

.styleName將匹配與類的styleName例如任何物體<span class="styleName><span id="styleName> 你也拼色錯在#styleName #styleName將匹配任何物體與styleName已如的ID部分

來源

2011-12-21 12:59:40

請參閱下列鏈接。他們可以闡明你的思想：

http://css-tricks.com/the-difference-between-id-and-class/

http://www.tizag.com/cssT/cssid.php

來源

2011-12-21 12:59:51 Hoisel

它們匹配不同的事情。第一個（.styleName）匹配所有具有類styleName的元素。這可以是多個元素。 #styleName中的第二個匹配具有id styleName的元素。只有一個元素具有該ID。

來源

2011-12-21 13:00:58

以下css風格之間的區別？

回答

相關問題