css中id選擇器和class選擇器的區別?

2021-06-22 19:43:18 字數 908 閱讀 2721

id選擇器:

id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。

id 選擇器以 "#" 來定義。

下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色:

#red

#green

下面的 html **中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 green 的 p 元素顯示為綠色。

這個段落是紅色。

這個段落是綠色。

注意:id 屬性只能在每個 html 文件中出現一次

類選擇器:

在 css 中,類選擇器以乙個點號顯示:

.center

在上面的例子中,所有擁有 center 類的 html 元素均為居中。

在下面的 html **中,h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。

this paragraph will also be center-aligned.

注意:類名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。

a1:二者主要的區別在**呢?

id你只能用來定義單一元素,定義二個以後。頁面不會出現什麼問題,但是w3檢測的時候認為你頁面不符合標準;class是類,同乙個class可以定義多個元素。就頁面效果而言,兩個東西的視覺效果幾乎無差別。

a2:id 選擇符為什麼要少用,它有有什麼侷限性?

單一使用的樣式用id,需要程式、js動態控制的樣式用id,id在頁面只能使用一次!提供少用id,因為id可能和頁面嵌的程式衝突(比如名稱相同等)!

a3:我該在什麼時候使用id,什麼時候使用class?

單一的元素,或需要程式、js控制的東西,需要用id定義;重複使用的元素、類別,用class定義。

CSS樣式,id選擇器和class選擇器

class和id的用法 上面的例子應用class和id實現了3種不同的標題1。下面我們就來講講class和id的具體應用規則。指定標籤的class和id 首先我們要在部分定義class 類 或id。class的定義方法 指定標籤.類名 id的定義方法 指定標籤 id名 然後我們在想要應用類的標籤上加...

css中id選擇器和class選擇器的區別?

id選擇器 id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。id 選擇器以 來定義。下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色 red green 下面的 html 中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 gr...

CSS 二 Id和Class選擇器

如果你要在html元素中設定css樣式,你需要在元素中設定 id 和 class 選擇器。1.id選擇器 以下的樣式規則應用於元素屬性id para1 hello world 2.class選擇器 class選擇器用於描述一組元素的樣式,class選擇器有別於id選擇器,class可以在多個元素中使...