css:div中的class與id的區別?

來源:互聯網
上載者:User
1. class是設定標籤的類, class屬性用於指定元素屬於何種樣式的類。

如樣式表可以加入.content1 { color: red; background: #ff80c0 } 使用方法:class="content1" .

id是設定標籤的標識。id屬性用於定義一個元素的獨特的樣式。如一個CSS規則#content2 { font-size: larger } 使用方法為:id="content2"


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

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

id是一個標籤,用於區分不同的結構和內容,就象你的名字, 如果一個屋子有2個人同名,就會出現混淆;id是先找到結構/內容,再給它定義樣式;

2.屬性的優先順序問題

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


<html><head><style type="text/css">#aa {color:red}.aa {color:blue}</style></head><body><p id="aa" class="aa">I love you.</p></body></html>

3. 關於js

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


相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.