問題描述

CSS 的 ID 和 Class 有什么區別？如何正確使用它們？

問題解答

CSS 的 ID 和 Class 有什么區別？如何正確使用它們？-PHP中文網問答-CSS 的 ID 和 Class 有什么區別？如何正確使用它們？-PHP中文網問答

圍觀一下哦，學習一下。

ID是使用#來標識的，class是使用.（點）標識的，再有就是id的同一個名字只能在頁面出現一次，class可以出現多次

ID具有唯一性，Class具有普遍性。ID是唯一的，所以盡量在結構外圍使用，通常用于頁面布局。Class是可重復的，所以盡量在結構內部使用，通常用于樣式定義。ID的樣式優先級高于Class。

對于CSS而言，id和class都是選擇器，唯一不同的地方在于權重不同。

如果只說CSS，上面那一句話就講完了。

拓展出來，對于html而言，id和class都是dom元素的屬性值。不同的地方在于id屬性的值是唯一的，而class屬性值可以重復。

id還一個老特性是錨點功能，當瀏覽器地址欄有一個#xxx，頁面會自動滾動到id=xxx的元素上面。

由于大家都是選擇器，曾經一段時間在前端重構分開的公司，會用不同類型的選擇器來分隔開發人員職責，前端用id操作dom，重構用class來操作dom，當然現在是不推薦這樣做的