4-18 class與id的區別
阿新 • • 發佈：2019-04-19
一次 比較 使用方法 小寫 哥哥 指定元素 開頭 個人 rdquo
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,
1 <html> 2 <head> 3 <style type="text/css"> 4 #aa 5 { 6 color:red 7 } 8 9 .aa 10 { 11 color:blue 12 } 13 </style> 14 </head> 1516 <body> 17 <div id="aa" class="aa">I love you.</div> 18 </body> 19 20 </html>
我知道了 id就像一家裏的爸爸媽媽哥哥弟弟，他們每個人都有自己的名字身份，不可混淆 class就像家裏的衣服，你可以定義他們是各種顏色各種大小，可以分類好每人的，但它們也可以任意穿在家庭成員上，只是合不合適
或者：
同一個html網頁頁面可以無數次的調用相同的class類；同樣ID在頁面裏也只能出現一次，並且是唯一性。
以“#”來開頭命名id名稱；class是以小寫句號“.”開頭命名。
4-18 class與id的區別