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 验证错误。
