类选择器（.btn）最直接可靠，只匹配带指定class的元素，不限标签类型；可组合标签名、父级类或伪类（如:not(.disabled)）提升精准度；应避免宽泛命名与过深嵌套，必要时结合属性选择器增强排他性。
用类选择器（class selector）是最直接、最可靠的方式——它天然只作用于带有指定 class 的元素，完全不影响其他标签或未加该类的同类标签。
类选择器本身就有精确限定能力
类选择器以点号（.）开头，例如 .btn，它只会匹配所有带有 class="btn" 的元素，不管它们是什么标签（ 段落 如果只想样式化某类标签中带特定 class 的部分，可以组合标签名与类名，进一步收窄范围： 类选择器虽安全，但写法不当仍可能“溢出”： 立即学习“前端免费学习笔记（深入）”； 当类名需动态生成或存在多套主题时，可配合属性选择器增强排他性：、、），也不会误选没加这个 class 的 或其他元素。
→ 被选中 → 不被选中组合使用提升针对性（推荐）
button.btn：只选 ，排除
.container .btn：只选在 class="container" 内部的 .btn 元素，避免全局污染.btn:not(.disabled)：选中所有 .btn，但排除同时带 .disabled 的——实现条件性控制避免意外影响的两个关键习惯
.red、.big），容易在别处被误复用；优先用语义化命名（如 .primary-btn、.error-message）.page .content .section .item .btn），既难维护，也易因 DOM 变动失效；用更稳定的上下文类（如 .form-actions .btn）代替需要彻底隔离？考虑属性选择器或自定义属性
[data-role="submit-btn"]：只选含该 data 属性的元素，与 class 无关，更可控button[data-theme="dark"].btn：同时满足标签、属性、类三重条件，精准锁定
