CSS的ID和Class有什麼區別如何正確使用它們

2021-03-04 05:23:22 字數 5481 閱讀 2537

1樓:匿名使用者

class可以在頁面裡面重複使用,

id由於在頁面裡面只能出現一次,所以不能重複使用,

所以儘量用class來寫,這樣能在頁面裡面重複引用你寫的css,減小工作量和**量。

2樓:千鋒教育

這兩個是css裡面的兩個選擇器, 對應於頁面上的元素的屬性id 和class ,也就是css通過id和class來找到頁面上匹配的id或class對應的元素,載入樣式。 如果是用id來選擇,css就是用#id的寫法。 如果是用class選擇,css就是 .

class寫法

css 的 id 和 class 有什麼區別?如何正確使用它們

3樓:千鋒教育

個人總結的一些復區別:

在css中,制id的字首用"#",class的字首用"."

同一個標籤,只能有一個id,但可以有多個class(如:div ,表示該div的id為div1,class分別為div1、div2、div3三個)

優先順序:同時定義一個標籤的id和class的css,id所定義的css優先於class(如:#div .div;則它的字型大小是14px)

在同一個頁面,id只能出現一個,class則可以出現多個

4樓:曹宇林童鞋

class和id都可以在css中使用,只是使用方法不同

class在css裡面使用的時候是用小寫的點加上class的名字

id在css裡面使用的時候是用#加上id的名字

5樓:夢之琳兒

在設計樣式

的時候且比如同一個div中id是標示這個

內div的,id必須是獨容一的,設定的樣式是該div的樣式如果class的話,可以讓n個div都有此樣式。

希望給你幫助,o(∩_∩)o謝謝~

不懂可以追問哦~~

6樓:張鐵柱

「.」是類選擇器的標識,「#」是id選擇器的標識舉例:html中

給該專div新增樣式方屬法:#demo{};

html中

給該div新增樣式方法:.demo{};

兩種方法的效果是一樣的,但是id具有唯一性,所以用id命名選擇器只能用一次,而class可以在任一元素中定義它的樣式

css 的 id 和 class 有什麼區別?如何正確使用它們

7樓:火凰惜雪瑰

個人總結的

bai一些區別:

在css中,id的前du綴用"#",class的字首用"."

同一個zhi

dao標籤,只內能有一個id,但可以有多個class(如:div ,表示該容div的id為div1,class分別為div1、div2、div3三個)

優先順序:同時定義一個標籤的id和class的css,id所定義的css優先於class(如:#div .div;則它的字型大小是14px)

在同一個頁面,id只能出現一個,class則可以出現多個希望對你有所幫助。

8樓:靈動電子商務****

css的id和class不同之處在於體現在以下幾個方面:

css中id的優先順序高於class,以下示例**進行說明:版猜猜class和權id優先順序誰高

猜猜class和id優先順序誰高

說明:無論class的樣式檔案在第一行或者第二行輸出結果都是紅色字型,說明id優先順序高於class。

2.class css中得用.class的屬性值,id是#id的值。

正確使用id和class

如果涉及到js獲取值的話用id,否則用class來寫。

注意事項:命名css的class和id應該有一定的規範性。

9樓:山東文匯軟體

‍id具有唯一性,baiclass具有普du遍性。

id是唯一的,所以儘量在zhi

結構外圍使dao用,通常用於專頁面佈局。

class是可屬重複的,所以儘量在結構內部使用,通常用於樣式定義。

id的樣式優先順序高於class。

class類標記,可以用於被多個元素呼叫(以「.」選擇符命名樣式可以一個頁面使用多次)

id:在同一個頁面,只可以被呼叫一次,在css裡用「#」表示。

class:是類標籤,在同一個頁面可以呼叫無數次(沒限制的),在css裡用「.」表示。

id就像一個人的身份證,用於識別這個div的,class就像人身上穿的衣服,用於定義這個div的樣式。一般一個網頁不設二個或二個以上同id的div,但class可以多個div用同一個class

10樓:盜風的貓

id是唯一的,相當你的身份證號碼,不可以重複。

class是公用的,相當於你的名字,可以重複。

id是不存在相同的元素使用的標識,

class則可以用在多個相同樣式的元素中利用樣式表讓他們的樣式一致。

11樓:曹宇林童鞋

class和id都可以在css中使用,只是使用方法不同

class在css裡面使用的時候是用小寫的點加上class的名字

id在css裡面使用的時候是用#加上id的名字

12樓:夢之琳兒

在設計樣式的時候

抄且比如同一個div中id是標示這個div的,id必須是獨一的,設定的樣式是該div的樣式

如果class的話,可以讓n個div都有此樣式。

希望給你幫助,o(∩_∩)o謝謝~

不懂可以追問哦~~

13樓:千鋒教育

三、類選擇器還是 id 選擇器?

類選擇器可以為任意多個元素指定類。

區別 1:只能在文件中使用一次

與類不同,在一個 html 文件中,id 選擇器會使用一次,而且僅一次。

區別 2:不能使用 id 詞列表

不同於類選擇器,id 選擇器不能結合使用,因為 id 屬性不允許有以空格分隔的詞列表。

區別 3:id 能包含更多含義

類似於類,可以獨立於元素來選擇 id。有些情況下,您知道文件中會出現某個特定 id 值,但是並不知道它會出現在哪個元素上,所以您想宣告獨立的 id 選擇器。例如,您可能知道在一個給定的文件中會有一個 id 值為 mostimportant 的元素。

您不知道這個最重要的東西是一個段落、一個短語、一個列表項還是一個小節標題。您只知道每個文件都會有這麼一個最重要的內容,它可能在任何元素中,而且只能出現一個。在這種情況下,可以編寫如下規則:

#mostimportant

這個規則會與以下各個元素匹配(這些元素不能在同一個文件中同時出現,因為它們都有相同的 id 值):

this is important!

this is important!

四、區分大小寫

請注意,類選擇器和 id 選擇器可能是區分大小寫的。這取決於文件的語言。html 和 xhtml 將類和 id 值定義為區分大小寫,所以類和 id 值的大小寫必須與文件中的相應值匹配。

因此,對於以下的 css 和 html,元素不會變成粗體:

#intro

this is a paragraph of introduction.

由於字母 i 的大小寫不同,所以選擇器不會匹配上面的元素。

css 的 id 和 class 有什麼區別?如何正確使用它們

14樓:匿名使用者

這兩個是css裡面的兩個選擇器, 對應於頁面上的元素的屬性id 和class ,也就是css通過id和class來找到頁面上匹配的id或class對應的元素,載入樣式。

如果是用id來選擇,css就是用#id的寫法。

如果是用class選擇,css就是 .class寫法

15樓:溫州甌越培訓學校

id 和 class的區別和使用:

1.id是頁面中唯一的,而class可以多個,(如下圖),1位置引號中只有2個,css5和css5_class,而2位置引號中就只能有一個 css5_id

2.id要設定樣式時用「#」號定義,而class用「.」 號定義。

3.id的優先順序大於class

比如說在同一個標籤中,id樣式中定義了文字顏色為紅色,class文字顏色為綠色。結果顯示是id的紅色。(如下圖)

16樓:千鋒教育

個人總結的一些區別:

在css中,id的字首用"#",class的字首用"."

同一個標籤,只能有一個id,但可以有多個class(如:div ,表示該div的id為div1,class分別為div1、div2、div3三個)

優先順序:同時定義一個標籤的id和class的css,id所定義的css優先於class(如:#div .div;則它的字型大小是14px)

在同一個頁面,id只能出現一個,class則可以出現多個

17樓:素顏sky**

class可以在頁面裡面重複使用,

id由於在頁面裡面只能出現一次,所以不能重複使用,

所以儘量用class來寫,這樣能在頁面裡面重複引用你寫的css,減小工作量和**量。

這種情況儘量用id:頁面大的模組裡面,用id來區分不同的模組。

比如頁面裡面有這樣的模組:最新新聞,推薦新聞等。就可以考慮用id來區分。

還有一點,由於id是頁面中唯一的,更多的是定義來留給給頁面裡面的javascript用。

補充:class和id在頁面裡面的使用方法:

class:

footer

id:footer

定義class的css是用點:「.」,如.footer

定義id的css是用井號「#」,如#footer

//讓div居中對齊

讓div內的內容(包括文字及**)居中的**是: text-align:center;

javascript中的class=tar與class=tal什麼區別

18樓:育知同創教育

賦予的值不同

就是這個意思

就是key相同,但值不同

css中id和class的區別

19樓:輕顰淺笑灬

css中「.」是類選擇器的標識「#」是id選擇器的標識 舉個例子:html中

給該div新增樣式,有兩種方法:①直接在css檔案中定義id選擇器#div1{}②在css定義

類選擇器.class1{},然後

指明他的類樣式

兩種方法的效果是一樣的,但是id只能給一個元素指明類樣式,而class可以在任一元素中定義它的樣式

20樓:匿名使用者

id 是 標籤的主鍵

class 是引用樣式用的

CSS的ID和類的問題

這一個東西控制的.deal subscribe body 說明 而id屬性則不一定用在css中,可以是js 中呼叫到,或是程式編寫時為了易於理解和閱讀 除錯 有些css除錯工具可以很方便直接在頁面上顯示標籤的id值,可以清晰節點間的層次結構 css中可以對html標記中的class名稱和id名稱制定...

微信小程式JS中獲取ID和Class怎麼獲取

方法 獲取page資料,看 var text this.data.name 這樣就獲取到初始化的值 page showdata function 示例如下 util.js 正則判斷 function regular str,reg 是否為中文 function ischinese str modul...

CSS中的ID選擇器和類選擇器的區別是什麼?最好能附上簡單的例子,謝謝啦,加分

什麼時候用id,什麼時候用class?w3c標準這樣規定的,在同一個頁面內,不允許有相同名字的id物件出現,但是允許相同名字的class。這樣,一般 分為頭,體,腳部分,因為考慮到它們在同一個頁面只會出現一次,所以用id,其他的,比如說你定義了一個顏色為red的class,在同一個頁面也許要多次用到...