最快改链接颜色用 style="color: #007bff;"，但仅影响默认态；全生命周期控制需按 LVHA 顺序写 a:link、a:visited、a:hover、a:active 伪类，并统一收至外部 CSS 文件管理。
只改一个链接，用 style="color: red;" 最快，但只管默认状态
想让某个链接立刻变红、变蓝或换成品牌色，style 属性是最快路径。写法就是：<a href="#" style="color: #007bff;">点击这里</a>。
常见错误现象：style="color: red" 没生效——大概率是漏了引号、拼错 color、用了中文标点，或者父级元素（比如 <p> 或 <div>）设置了 color 且没加 !important，把内联样式盖住了。
- 支持的颜色值：英文名（
red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)）都行 - 它只影响
a的默认渲染态，也就是未访问、未悬停、未点击时的样子 -
:hover、:visited、:active完全不受影响，鼠标移上去还是蓝的，点过之后还是紫的 - 别用
<font color="red">—— HTML5 已废弃，且照样控制不了交互态
a:link、a:visited、a:hover、a:active 必须按顺序写
要真正控制链接的“全生命周期”颜色，得靠这四个伪类。顺序错了，:hover 可能被 :visited 拦截失效，这是最常踩的坑。
正确顺序（LVHA 原则）：
立即学习“前端免费学习笔记（深入）”；
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
-
a:link只匹配带href的未访问链接；没href的<a>文本</a>不算:link -
:visited受浏览器安全限制：Chrome/Firefox/Safari 允许改color和background-color，但禁止用font-size、transition、display等属性探测用户历史 -
:hover失效？先检查父容器有没有pointer-events: none，再看是不是被透明<div>盖住了
多页面统一管理，必须抽成外部 .css 文件
首页、文章页、联系页各自在 <head> 里写一遍 <style>，等于埋下维护雷：改个品牌色得手动翻 10 个文件，漏一个就风格不一致。
做法很简单：
- 新建
styles.css，把上面那套 LVHA 规则贴进去 - 在每个 HTML 的
<head>里加：<link rel="stylesheet" href="styles.css"> - 路径写错会静默失败，确认
href是相对当前 HTML 文件的路径，比如 HTML 在/blog/post.html，CSS 在/css/styles.css，就得写href="../css/styles.css"
如果只想改导航栏或页脚里的链接，用类选择器更安全：.nav a { color: white; } .nav a:hover { color: #00bcd4; }，避免误伤正文链接。
内联 style 和 CSS 伪类混用时，优先级容易翻车
当一个链接同时有 style="color: red;" 和全局 a:hover { color: orange; }，结果是：默认态红，悬停时橙——内联样式只赢在默认态，:hover 是另一条独立规则，不受内联影响。
但如果你写了：<a href="#" style="color: red; hover: orange;">（错误！），浏览器直接忽略 hover，因为 style 里不认伪类。
- 想临时覆盖某链接的悬停色？只能单独加类：
<a href="#" class="special-link">，再写.special-link:hover { color: #e74c3c !important; } - 滥用
!important会让调试变困难，尤其在大型项目里，建议只在明确需要破除层叠时用 - 最稳妥的长期方案：放弃所有内联
style，全部收归 CSS 文件，用语义化类名区分场景（.btn-link、.footer-link）
真正麻烦的不是写错颜色值，而是没意识到 :visited 的限制、LVHA 顺序的强制性、以及多页面时样式分散带来的失控风险。
