直接用CSS修改a元素color，单链接用内联style，全站统一需外部CSS文件并严格遵循LVHA顺序及:visited限制。
直接改 a 元素的 color 就行，但必须用 CSS，不能靠浏览器默认行为或过时写法。
只改一个链接？用 style="color: ..." 最快
比如：<a href="#" style="color: #007bff;">蓝色链接</a>。它只影响这个链接的默认状态（即未访问、未悬停），:hover 和 :visited 不会跟着变。
- 常见失效原因：漏引号（
style=color:red错）、用了中文标点、父级设置了更高优先级的color - 颜色值支持英文名（
red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)） - 别用
<font>标签——HTML5 已废弃，且完全无法控制交互态
全页统一改？必须写 a { color: ... } 在 <style> 里
放在 <head> 中的 <style> 块里，例如：
<style>
a { color: #28a745; }
</style>
这会覆盖浏览器默认的蓝色/紫色，但也会同时作用于 :link 和 :visited，导致已访问链接失去视觉区分。
立即学习“前端免费学习笔记（深入）”；
- 更稳妥的做法是显式声明：
a:link、a:visited、a:hover、a:active - 顺序不能错：必须按 LVHA（
:link→:visited→:hover→:active）写，否则:hover可能被:visited拦截 - 如果页面有多个 HTML 文件，硬编码
<style>会导致改一处漏十处
:visited 颜色不生效？不是你写错了
现代浏览器（Chrome/Firefox/Safari）对 :visited 有严格限制：只允许设置 color、background-color、border-color 等少数属性，font-size、display、transition 等一律忽略。
-
a:visited { color: #6c757d; }是安全的；但加text-decoration: underline;就不会生效 -
:hover失效常因父容器设了pointer-events: none，或链接被透明<div>盖住 - 滥用
!important容易引发层叠冲突，尤其在多规则共存时
多页面要一致？必须抽成外部 .css 文件
新建 styles.css，内容类似：
a:link { color: #007bff; text-decoration: none; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
然后在每个 HTML 的 <head> 里加：
<link rel="stylesheet" href="styles.css">
这是唯一能确保首页、文章页、联系页等所有页面链接颜色和行为一致的方式。内联或内部样式在多页场景下本质是技术债，改一次就得手动同步 N 次。
真正容易被忽略的是：伪类顺序和 :visited 的浏览器限制——它们不是“没写对”，而是“不能那样写”。把规则写进外部文件后，再检查一遍 LVHA 顺序和颜色值是否在允许范围内，基本就稳了。
