用外部css文件+显式lvha伪类最稳妥，因a{color:...}会覆盖visited态致无法区分已访问链接，且:hover等交互态缺失、下划线干扰、顺序错乱（须link→visited→hover→active）会导致样式失效。
直接改全站链接颜色，用外部 CSS 文件 + 显式伪类声明最稳妥，别只写 a { color: ... }。
为什么不能只用 a { color: #007bff }
这条规则看似简单，但会同时覆盖 a:link 和 a:visited，导致已访问链接失去视觉区分——用户无法判断哪些链接点过了。更麻烦的是，它不触发浏览器对 :visited 的安全限制（比如禁止读取 font-size），但也不等于你就能自由控制已访问态的外观；现代 Chrome/Firefox/Safari 会静默忽略部分属性，只允许 color、background-color 等极少数样式生效。
- 只写
a选择器 → 已访问链接和未访问链接颜色一样，体验倒退 - 漏掉
:hover→ 鼠标悬停无反馈，不符合基本交互预期 - 没加
text-decoration: none→ 下划线和颜色一起变，可能造成视觉干扰
a:link、a:visited、a:hover、a:active 的顺序不能乱
CSS 层叠规则按书写顺序生效，而 :visited 是个特例：它必须写在 :link 之后、:hover 之前，否则 :hover 可能被拦截失效（尤其在旧版 Safari 或某些严格解析场景下）。
- 正确顺序：
a:link→a:visited→a:hover→a:active（LVHA） - 如果把
a:hover放a:visited前面，已访问链接悬停时可能沿用:visited的颜色，而不是你定义的悬停色 -
a:active要放在最后，否则点击瞬间的样式容易被前面规则覆盖
单个链接临时改色，style="color: red" 可以但有坑
内联 style 确实最快，但只影响默认态（即未访问且未悬停），而且极易失效：
- 漏引号或用了中文引号：
style=color:red或style="color:red"（中文引号）→ 浏览器直接忽略整条声明 - 父级元素设了
color且没加!important→ 内联样式优先级虽高，但若父级用!important，照样被盖 - 写了
style="color: red"却发现没变红 → 检查是否被其他 CSS 规则用!important强制覆盖，或者该链接实际是:visited状态，而内联样式不作用于它
多页面项目必须抽离到外部 CSS 文件
哪怕只有两个 HTML 文件，也别在每个文件的 里重复写 <style></style>。一旦品牌色从 #007bff 换成 #28a745，就得手动改 N 处，漏一个就风格不一致。
- 新建
styles.css，写入完整 LVHA 规则（含text-decoration控制） - 所有 HTML 页面统一加：
<link rel="stylesheet" href="styles.css"> - 后续维护只改一个文件，所有页面自动同步
真正容易被忽略的是：很多人写了 a:hover 却发现不动，结果排查半天，其实是某个包裹 <a></a> 的 <div> 设了 <code>pointer-events: none，或者 z-index 被盖住了——这种问题跟颜色本身无关，但会让人误以为 CSS 写错了。
