修改 --bs-link-color 变量不能改变原生 标签颜色，因其仅作用于 Bootstrap 组件类；需手动设置 a:link, a:visited, a:hover, a:focus 并同步 --bs-link-hover-color 和 --bs-navbar-active-color 等变量。
只改 --bs-link-color 变量为什么链接颜色没全变
因为 --bs-link-color 仅作用于 Bootstrap 自己生成的链接类（比如 .link-primary、.btn-link、.nav-link），原生 @#@#@#@#@#@#@#@#@#@0 还是蓝色或紫色。
- 必须同步声明：
a:link, a:visited { color: var(--bs-link-color); } - 漏掉
a:visited的后果：用户点过一次，链接就退回浏览器默认色（通常是紫色） - 如果项目用的是 Bootstrap 5.0–5.1，
--bs-link-color根本不存在，得退回纯 CSS 覆盖方案
a:hover 和 a:focus 颜色怎么同步更新
悬停和焦点状态不能依赖浏览器默认行为，尤其 a:focus 在键盘导航时至关重要。Bootstrap 5 提供了 --bs-link-hover-color 变量，但同样不自动绑定到原生 标签。
- 推荐写法：
a:hover, a:focus { color: var(--bs-link-hover-color); } - 别只写
a:hover—— 缺失:focus会导致可访问性问题（比如 Tab 导航时无反馈） - 如果用了深色模式（
data-bs-theme="dark"），确保--bs-link-hover-color在暗色上下文里也被正确重设，否则悬停色可能发灰或不可读
导航栏激活态（.nav-link.active）颜色不跟着变
--bs-link-color 不管 .nav-link.active 的文字色。Bootstrap 5.2+ 引入了独立变量 --bs-navbar-active-color 控制这个状态。
- 补上这句即可：
:root { --bs-navbar-active-color: #059669; } - 该变量只对 Bootstrap 组件生效（
.nav-link、.dropdown-item），手写的仍需额外处理 - 如果激活态是通过 CMS 自动加在
上（如.nav-item.active > .nav-link），选择器要写全，不能只靠.nav-link.active
为什么加了 !important 才生效
大概率是 CSS 加载顺序或选择器权重出了问题。Bootstrap 的原生规则优先级并不低，尤其当它用属性选择器（如 [href]）或组合选择器（如 .nav-link:hover）时。
- 检查你的自定义 CSS 是否在 Bootstrap CSS 之后引入（
或标签位置） - 避免用过于宽泛的选择器，比如直接写
a { color: ... }—— 它会覆盖所有伪类，导致:visited失效 - 如果项目集成 Joomla、WordPress 主题或其他框架，它们可能自带更高权重的链接样式，需针对性提高选择器精度（如
body a:link）
全局链接样式的真正难点不在“改颜色”，而在把 :link、:visited、:hover、:focus、:active 和组件态（.nav-link.active、.btn-link）全部对齐，且不破坏可访问性和深色模式适配。漏掉任意一环，都会在某个场景下露出默认蓝紫色。
