单个链接用内联style最快但仅控制默认色；全页统一改需按LVHA顺序写伪类；:visited受浏览器限制只能改颜色类属性；多页面必须用外部CSS文件并注意路径。
只改单个链接颜色，用 style="color: ..." 最快但有硬限制
直接在 <a> 标签里加 style="color: red;" 能立刻生效，适合临时调试或孤立链接。但注意它只影响默认状态（即未访问、未悬停），:hover 和 :visited 完全不受控——哪怕你写了 style="color: red; hover: orange;"，浏览器会直接忽略后半段。
常见失效原因：
-
style="color:red"漏了引号或用了中文标点 - 父级元素（比如
<div style="color: #333;">）设置了更高级别的color，内联样式被继承覆盖 - 页面已加载完才动态插入该链接，而 CSS 规则早于它解析完毕，导致优先级错乱
统一改全页链接颜色，<style> 块里写 a { color: ... } 是底线配置
把规则塞进 <head> 里的 <style>，比如 a { color: #007bff; }，能一次性覆盖所有 <a> 的基础色。但它会同时作用于 :link 和 :visited，导致已访问链接失去视觉区分——用户点过就再也看不出区别。
更稳妥的做法是显式声明状态：
立即学习“前端免费学习笔记（深入）”；
-
a:link { color: #007bff; }—— 仅未访问链接 -
a:visited { color: #6c757d; }—— 仅已访问链接 -
a:hover { color: #0056b3; }—— 悬停时（必须写在:visited后面） -
a:active { color: #004080; }—— 点击瞬间（顺序不能颠倒）
这个 LVHA 顺序（Link → Visited → Hover → Active）不是建议，是强制要求：如果 a:hover 写在 a:visited 前面，某些浏览器会用 :visited 的 color 覆盖掉 hover 效果。
:visited 颜色不生效？别怪 CSS，是浏览器故意锁死的
现代 Chrome/Firefox/Safari 对 :visited 施加了严格限制：只能改 color、background-color、border-color 这类“无害”属性。一旦你写了 a:visited { font-size: 14px; } 或 transition: color 0.2s;，浏览器会静默丢弃整条规则，连控制台都不报错。
所以如果你发现 :visited 颜色没变，先检查是否混入了被禁用的属性；再确认是否用了 !important 导致与后续规则冲突；最后看是否误把 href 写成相对路径（如 href="about"）而没触发访问态判定。
多个页面共用样式，必须抽成外部 .css 文件并用 <link> 引入
把所有链接规则写进一个 styles.css，内容像这样：
a:link { color: #007bff; text-decoration: none; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
a:active { color: #004080; }
然后每个 HTML 页面的 <head> 里加一行：<link rel="stylesheet" href="styles.css">。这不是“更规范”的选择，而是实际维护的刚性需求：改一处，所有页面自动同步；否则每加一个新页面就得手动复制粘贴一遍样式，漏掉一个就出现颜色断层。
容易被忽略的一点是路径问题——href="styles.css" 是相对当前 HTML 文件的位置，如果页面在子目录（如 /blog/post.html），而 styles.css 在根目录，就得写成 href="/styles.css"，否则 404 且样式彻底失效。
