div中 class與id同時使用

2021-07-23 04:13:39 字數 454 閱讀 2534

首先,介紹id和class的區別:

1、id是乙個標籤,用於區分不同的結構和內容;id是先找到結構/內容,再給它定義樣式;class是乙個樣式,可以套在任何結構和內容上;class是先定義好一種樣式,再套給多個結構/內容。

2、id是元素的名稱,可以供js或其它指令碼程式來訪問該元素物件,而class是該元素的css類名。

3、定義樣式時,id="aa"的用#aa,class="bb"的用.bb。

4、class是全域性屬性,id是區域性屬性。

然後,形如下面的**:

test

#aa.bb

這樣的,會如何顯示呢?

答案是:顯示為寬300,高50,背景為紅色的test文字塊。因為class是全域性屬性,id是區域性屬性,所以,顯示的樣式是class定義了這個屬性後,再加上id新定義的屬性。當class和id屬性重複時,取id的屬性。有點類似於程式設計中的父子繼承關係。

DIV中class和id的區別

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

div中class和id有什麼區別?

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

div中class和id有什麼區別

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