css 中 class 和 id 的區別:用途:class 用于通用特征樣式化,id 用于唯一元素標識。選擇方式:class 用點符號(.),id 用哈希符號(#)。應用范圍:class 可應用于多個元素,id 僅用于一個元素。優先級:id 高于 class,id 樣式覆蓋 class 樣式。最佳實踐:class 名小寫連字符,id 名大寫下劃線。
CSS 中 class 和 id 的區別
CSS 中的 class 和 id 都是用于選擇和樣式化 HTML 元素的兩個基本選擇器。它們之間的主要區別如下:
1. 用途
class:用于根據元素的通用特征對其進行樣式化,如顏色、字體等。
id:用于標識一個唯一的 HTML 元素,僅在一個頁面中出現一次。
2. 選擇方式
class:使用點符號(.)后跟類名來選擇元素,如 .class-name
。
id:使用哈希符號(#)后跟 ID 名稱來選擇元素,如 #id-name
。
3. 應用范圍
class:可以應用于多個元素,表示它們具有相同的特征。
id:僅能應用于一個元素,確保其在頁面中是唯一的。
4. 優先級
id:具有比 class 更高的優先級,這意味著使用 id 選擇的樣式將覆蓋使用 class 選擇的樣式。
class:優先級低于 id,但可以疊加使用以實現更復雜的效果。
5. 最佳實踐
類名:應使用小寫字母和連字符,如 page-header
。
ID 名稱:應使用大寫字母和下劃線,如 MAIN_HEADER
。
選擇器選擇:優先使用 id 選擇器來標識唯一元素,而使用 class 選擇器來樣式化具有共同特征的元素。
id 的唯一性:避免在頁面中使用重復的 id 名稱,因為這會導致 HTML 驗證錯誤。