最稳妥做法是显式声明a:link和a:visited样式；导航栏激活态需同时处理.nav-link.active和a:active；Bootstrap 5+推荐用--bs-link-color变量统一控制，但原生a标签仍需单独设置。
直接改 a 标签的 :link 和 :visited 样式
bootstrap 默认链接颜色（蓝色）来自浏览器原生样式，不是它自己写的 css；但一旦你写了 a { color: ... }，它就会被覆盖——前提是你的 css 加载顺序在 bootstrap 之后，且选择器权重没被压过。
- 最稳妥的做法是：在自定义 CSS 文件中，写
a:link, a:visited { color: #2563eb; }（比如换成 Tailwind 风格的 indigo-600） - 别只写
a，因为:visited是独立伪类，不显式声明，用户点过一次后链接就变回浏览器默认紫色/蓝色 - 如果用了
!important才生效，说明你 CSS 引入太早，或被其他框架（如 Joomla 的模板 CSS）劫持了优先级
导航栏里 .nav-link 激活态颜色失效？重点查 :active 和 .active 类冲突
很多人以为加个 .active 类就能变色，结果点击后一闪又恢复蓝色——其实是 a:active（鼠标按下瞬间）和 .nav-link.active（常驻高亮）两个状态被不同规则覆盖了。
- Bootstrap 的
.nav-link.active默认只设了背景色，文字色仍继承自a，所以得手动补：.nav-link.active { color: #1e40af !important; } -
a:active会短暂覆盖所有颜色，如果你没重置它，松开鼠标那一刻就会闪一下原色 - Joomla 或某些 CMS 会自动给当前菜单项加
.active，但可能套在<li>上而非<a></a>，此时要用.nav-item.active .nav-link这种路径选择器
用 CSS 变量批量控制所有链接色调（Bootstrap 5+ 推荐）
Bootstrap 5 开始全面支持 CSS 变量，--bs-link-color 就是专为链接颜色预留的“开关”，改一处，全站响应。
- 在
里加一段<style>:root { --bs-link-color: #059669; }</style>，比覆盖几十个选择器干净得多 - 这个变量只影响 Bootstrap 自己用到它的组件（如
.btn-link、.list-group-item-action），原生a标签不受影响，该补的a:link还得补 - 注意：旧版 Bootstrap（3/4）不支持该变量，强行写进去无效
为什么改完还是蓝？先看 DevTools 里哪条规则被划掉了
90% 的“改不动”问题，其实不是代码错，而是浏览器开发者工具里那条你写的 CSS 被横线划掉——说明它被更高优先级规则干掉了。
- 右键链接 → “检查”，在 Styles 面板里找你的颜色声明，看是不是带删除线；有就点开右侧的“origin”，看它被谁覆盖了
- 常见干扰源：Joomla 模板自带的
#top-menu a、WordPress 主题的.main-navigation a、甚至浏览器扩展注入的样式 - 临时验证是否生效？在控制台里手动敲
document.querySelector('a').style.color = 'red'，如果立刻变红，说明纯是 CSS 优先级问题，不是逻辑错误
:visited 状态和 CMS 自动加的 class 嵌套，这两处漏掉一个，颜色就永远差那么一口气。
