class设计初衷就是支持多个元素共用，本质是分组标识符而非唯一id；一个元素可拥有多个class（空格分隔），css中以.开头匹配，js中可用queryselectorall批量操作，且命名区分大小写、需语义化避免冲突。
可以，而且这是 class 属性的核心设计目的。
为什么 class 就是为“多个元素共用”而生的
class 的本质是分组标识符，不是唯一 ID。它允许你把语义或行为相似的元素归为一类，统一处理样式或逻辑。
-
id必须全页面唯一，一个值只能用一次；class完全没有这个限制 - CSS 中
.btn会匹配所有class="btn"的元素，不管它是<button></button>、<a></a>还是<div> <li>JavaScript 中 <code>document.querySelectorAll('.btn')返回的是 NodeList，天然支持批量操作 - ✅ 正确：
class="btn primary large" - ❌ 错误：
class="btn,primary,large"（浏览器当做一个叫btn,primary,large的类） - ❌ 错误：
class="btn-primary-large"（这是另一个独立类名，不是三个类） -
class="Header header"是两个不同类，不是冗余写法 -
class="btn Btn BTN"会被解析为三个类，CSS 中需分别定义.btn、.Btn、.BTN才生效 - 团队协作时，避免用
red、big这类描述样式的类名，改用语义化命名如error-state、hero-section，否则容易在不同组件里撞名
多个类名怎么写？空格分隔，不能用逗号
一个元素可以同时拥有多个类，但写法必须严格：类名之间只用单个空格，不能加逗号、顿号或连字符连接。
这种写法让组合式样式成为可能，比如 .btn.primary 可以专门定义“既是按钮又是主要按钮”的状态。
容易踩的坑：大小写敏感 + 命名冲突
class 名区分大小写，且没有自动去重机制——哪怕你写了两遍同一个类，也会被当作两个重复值（虽然不影响渲染，但不必要）。
真正要注意的，不是“能不能共用”，而是“共用时是否清楚每个类的实际作用范围和优先级”。类越多，越要警惕样式层叠和 JS 查询时的意外覆盖。
