直接改a标签color仅影响默认状态；控制悬停、已访问等需用伪类且顺序必须为:link→:visited→:hover→:active；单链接用style最快但受限；全站应统一用外部CSS文件管理。
直接改 a 标签的 color 就能变色，但只改默认状态；想控制悬停、已访问等效果，必须用 CSS 伪类，且顺序不能错。
只改一个链接颜色：用 style="color: ..." 最快
适合临时调试、邮件模板或 CMS 后台插入单个链接。写法简单，但有硬限制：
- 只影响
a的默认状态（即未访问、未悬停），:hover和:visited完全不受控 - 常见失效原因：
style="color:red"漏了引号、用了中文冒号、父级写了color: #333 !important覆盖了它 - 颜色值支持
red、#007bff、rgb(0, 123, 255)，不支持hsl()或透明度写法（如#007bff80在部分旧浏览器会解析失败）
统一改全页链接：用 <style> 块写 a:link 和 a:visited
在 <head> 里加一段内联样式，比每个 a 都写 style 干净得多。关键点是别只写 a { color: ... }：
-
a { color: #007bff; }会同时覆盖:link和:visited，导致已访问链接失去视觉区分 - 必须显式分开写：
a:link { color: #007bff; }+a:visited { color: #6c757d; } - 伪类顺序必须是
:link→:visited→:hover→:active，否则:hover可能被:visited规则拦截（因为后者优先级相同，后定义的胜出）
:hover 和 :visited 不生效？先查这三处
写了规则却没反应，大概率不是语法错，而是环境或限制问题：
立即学习“前端免费学习笔记（深入）”；
-
:visited被浏览器严格限制：Chrome/Firefox/Safari 禁止通过 CSS 设置font-size、display、transition，连background-color都可能被忽略，只允许color、outline-color等极少数属性 -
:hover失效常因父容器设了pointer-events: none，或链接被空<div>盖住（检查元素是否真能被鼠标选中） - 用了
!important强制某个颜色，又在后面重复定义了冲突规则，CSS 层叠逻辑会让实际生效的不是你预期那条
多页面网站必须用外部 CSS 文件
首页、文章页、联系页各自写一遍 <style>，改个品牌色就得手动同步 10 个文件——这是维护灾难。正确做法：
- 新建
styles.css，内容至少包含：a:link { color: #007bff; }<br>a:visited { color: #6c757d; }<br>a:hover { color: #0056b3; } - 在所有 HTML 的
<head>中加：<link rel="stylesheet" href="styles.css"> - 路径要写对：
href="css/styles.css"和href="./css/styles.css"效果不同，相对路径容易因页面层级变化而 404
真正麻烦的从来不是怎么写颜色，而是状态之间互相干扰、浏览器策略限制、路径和优先级这些看不见的细节。
