直接改--bs-link-color变量只能影响bootstrap组件内链接（如.link-primary、.nav-link），原生a标签仍用浏览器默认样式，必须额外声明a:link, a:visited { color: var(--bs-link-color); }才能全局生效。
直接改 --bs-link-color 变量就能全局生效，但原生 a 标签不响应——它得单独处理。
为什么只改 --bs-link-color 不够
Bootstrap 5 的 --bs-link-color 只控制它自己生成的链接类（比如 .link-primary、.btn-link、.list-group-item-action），并不接管浏览器原生的 a 标签样式。你改了变量，导航栏里的 .nav-link 和按钮里的 .btn-link 会变，但文章段落里随手写的 @#@#@#@#@#@#@#@#@#@0 还是默认蓝色（或浏览器默认色）。
常见错误现象：在 里写了 :root { --bs-link-color: #16a34a; }，结果只有部分链接变绿，正文里一堆蓝色链接纹丝不动。
- 必须同步写
a:link, a:visited { color: var(--bs-link-color); } - 别漏掉
a:visited——否则用户点过一次，链接就退回紫色/蓝色 - 如果项目用了旧版 Bootstrap（5.0–5.1），
--bs-link-color根本不存在，得退回a伪类覆盖方案
怎么安全地重设 --bs-link-color
最稳妥的方式是在 或全局 CSS 开头加一段 <style></style>，确保它加载在 Bootstrap CSS 之后：
:root {
--bs-link-color: #16a34a;
--bs-link-hover-color: #15803d;
}
a:link, a:visited {
color: var(--bs-link-color);
}
a:hover, a:focus {
color: var(--bs-link-hover-color);
}
注意两点：
- 不要在
:root里一口气覆盖所有主题变量（如--bs-primary），除非你真要统一整站色调；否则可能意外影响.btn-primary或.alert-success - 如果用了深色模式（
data-bs-theme="dark"），记得检查--bs-link-color在暗色下是否被正确切换——它依赖 Bootstrap 5.3+ 的暗色变量注入机制，且需 Sass 编译时启用了$enable-dark-mode: true
导航栏激活态颜色不跟着变？查 --bs-navbar-active-color
--bs-link-color 不管导航栏激活状态。Bootstrap 5.2+ 引入了独立变量 --bs-navbar-active-color 控制 .nav-link.active 的文字色。如果你改了主链接色但导航高亮还是蓝的，大概率是这个变量没动。
补上这句即可：
:root {
--bs-navbar-active-color: #16a34a;
}
但要注意：
- 该变量只对 Bootstrap 内部组件有效（
.nav-link、.dropdown-item），不作用于手写的<a class="active"></a> - 如果 DOM 结构是
<li class="nav-item"><a class="nav-link"></a></li>，而.active加在<li>上，那还得额外写.nav-item.active .nav-link { color: var(--bs-navbar-active-color); } - Vue / React 项目中，若用了 scoped 样式或第三方路由组件（如
NavLink），CSS 可能无法穿透到实际渲染的.nav-link元素
最容易被忽略的点：浏览器默认行为和加载顺序
即使代码全对，也可能失效。真正卡住人的往往是这两处：
-
a:visited是浏览器强策略，Chrome/Firefox 会限制其可设样式（仅限 color、background-color 等少数属性），且必须显式声明——哪怕你用了var(--bs-link-color)，不写a:visited就会回退 - CSS 加载顺序错位：你的自定义样式必须在 Bootstrap CSS 之后加载，否则
:root里的变量会被覆盖；用<link>引入时，检查 HTML 中<link rel="stylesheet">的顺序
深色模式下颜色发灰？先打开开发者工具搜 --bs-link-color，看它在 html[data-bs-theme="dark"] 下是否变成浅色值——不是变量没改，而是触发开关（data-bs-theme="dark"）没加，或者 Sass 编译时关掉了暗色支持。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
