div中class和id有什麼區別?

2021-06-22 02:41:02 字數 604 閱讀 5359

1. class是設定標籤的類, class屬性用於指定元素屬於何種樣式的類。

如樣式表可以加入.content1 使用方法:class="content1"  .

id是設定標籤的標識。id屬性用於定義乙個元素的獨特的樣式。如乙個css規則#content2 使用方法為:id="content2" 

概念上說不一樣(下面的兩句話還是比較精闢的):

class是乙個樣式,先定義好, 然後可以套給多個結構/內容, 便於復用。也就是說class名稱可以相同。

id是乙個標籤,用於區分不同的結構和內容,就象你的名字, 

如果乙個屋子有2個人同名,就會出現混淆;id是先找到結構/內容,再給它定義樣式;

2.屬性的優先順序問題

id的優先順序要高於class, 可以自己寫個例子看看。部分**如下(是我寫的, 不是原作者寫的哈):

i love you.

3.  關於js

如果在頁面中要對某個物件進行指令碼操作(js),那麼可以給他定義乙個id,否則只能利用遍歷頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如乙個id來得簡單.

div中class和id有什麼區別

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!1.class是設定標籤的類,class屬性用於指定元素屬於何種樣式的類。如樣式表可以加入.content1 使用方法 class content1 id是設定標籤的標識。id屬性用於定義乙個元素的獨特的樣式。如乙個css規則 content2 使...

DIV中class和id的區別

1.class是設定標籤的類,id是設定標籤的標識 2.使用方法不同 class屬性用於指定元素屬於何種樣式的類,如樣式表可以加入.content1 使用方法 class content1 id屬性用於定義乙個元素的獨特的樣式。如乙個css規則 content2 使用方法 id content2 3...

div中 class與id同時使用

首先,介紹id和class的區別 1 id是乙個標籤,用於區分不同的結構和內容 id是先找到結構 內容,再給它定義樣式 class是乙個樣式,可以套在任何結構和內容上 class是先定義好一種樣式,再套給多個結構 內容。2 id是元素的名稱,可以供js或其它指令碼程式來訪問該元素物件,而class是...