类
一句话解释
class 是 HTML 元素上的属性，用来给元素分组打标记，方便 CSS 用 `.类名` 或 JS 用 `getElementsByClassName` 选中。
用大白话说
class（类）是 HTML 元素的一个属性，用来给元素打“标记”。同一个类名可以加在多个元素上，一个元素也可以有多个类名（用空格分隔）。
<button class="btn btn-primary">确认</button>
<button class="btn btn-danger">删除</button>两个按钮都有 btn 类（共享按钮的基础样式），又分别有 btn-primary 和 btn-danger 类（各自的特殊样式）。
CSS 用 .类名 选中：.btn { padding: 8px; } 应用到所有带 btn 类的元素。JS 用 document.getElementsByClassName("btn") 或 querySelector(".btn") 选中。
class 和 id 的核心区别：class 可以重复（多个元素共用），id 必须唯一（一个页面里一个 id 只能出现一次）。
示例
html
<button class="btn primary">确认</button>
<button class="btn danger">删除</button>
<!-- CSS: .btn { padding: 8px; } .primary { background: blue; } -->两个按钮共享 btn 类的基础样式，又各自有 primary/danger 类的差异化样式。class 可以重复使用。
工作原理
- 在 HTML 元素上写
class="类名1 类名2" - CSS 用
.类名选中所有带这个类的元素 - JS 用
getElementsByClassName或querySelector选中 - 同一个类可以加在多个元素上，一个元素也可以有多个类
常见混淆
容易混淆的对象: id
关键区别: class 可以重复（多个元素共用一个类名），id 必须唯一（一个 id 在页面里只能出现一次）。需要分组用 class，需要唯一标识用 id。
相关术语
相关资源
相关课程
- CSS 课程
用 class 给元素分组并设置样式
学习基础知识
通过结构化课程深入理解这个主题。
解读错误信息
用大白话解释常见错误——什么意思、为什么发生、如何修复。