应使用 bootstrap 预设语义类（如 .link-success）或自定义带 !important 的 style；按钮中链接需改用 btn-* 类或手动模拟按钮样式；深色模式需启用 data-bs-theme="dark" 并确保 $enable-dark-mode: true；全局改链接色应重定义 $link-color 而非 $primary。
链接颜色被全局 .link-primary 覆盖怎么办
Bootstrap 5 默认用 .link-primary 控制链接色，但它的样式带 !important，直接写 color: red 会被压住。别硬怼 CSS 优先级，改用它预设的语义类更稳。
-
.link-secondary、.link-success、.link-danger等都可用，对应主题色变量，不冲突 - 如果要自定义色（比如紫色），别写内联 style，改用
style="color: #6f42c1 !important"—— 因为 Bootstrap 的.link-*自带!important，你得对齐才生效 - 注意：这些类只改文字色和 hover 下划线，不改
text-decoration；要取消下划线得额外加text-decoration-none
在按钮里套链接时颜色不生效
把 <a></a> 当按钮用（比如 <a class="btn btn-outline-info">点击</a>）时，.btn 的样式会接管颜色逻辑，.link-* 完全失效。
- 方案一：改用
btn-info、btn-warning等按钮色系，它们本就含明确的背景/文字配色 - 方案二：保留
<a></a>语义，但删掉.btn类，改用.link-info.text-decoration-none.px-3.py-2.bg-info.bg-opacity-10.rounded模拟轻量按钮效果 - 关键点：按钮类和链接类设计目标不同，混用时谁的规则更强取决于具体 class 加载顺序和 specificity，不是所有组合都可靠
深色模式下链接色发灰看不清
Bootstrap 5.3+ 支持深色模式，但 .link-* 类默认没做暗色适配，比如 .link-success 在浅色下是绿，在深色下还是同个 RGB 值，对比度暴跌。
- 必须配合
data-bs-theme="dark"属性或html标签上加data-bs-theme="dark"，否则 CSS 变量不切换 - 检查是否启用了
$enable-dark-mode: true编译 Sass，否则深色变量根本不会生成 - 最简验证法：打开浏览器开发者工具，搜
--bs-link-color，看它在深色模式下是否变成浅色值（如#90ee90）
用 SCSS 覆盖链接色却编译报错
想全局换链接主色？别直接改 $primary，那会影响所有用到它的组件（按钮、边框、进度条等）。应该只动链接相关变量。
- 重定义
$link-color和$link-hover-color即可，它们专用于.link-*类和a默认样式 - 错误写法：
$primary: #ff6b6b→ 这会让所有.btn-primary也变粉，非预期 - 正确顺序：在引入 Bootstrap SCSS 前，先声明你的变量覆盖，否则被默认值锁死
data-bs-theme，结果调半天发现颜色根本没走暗色分支。
