直接改单个链接颜色用style="color: red;"最快；但控制悬停、已访问等状态必须用css伪类，style属性完全无效，且需注意浏览器对:visited的安全限制及伪类书写顺序。
直接改单个链接颜色，用 style="color: red;" 最快；但想控制悬停、已访问等状态，必须用 CSS 伪类，style 属性完全无效。
只改一个链接的颜色：用 style 属性最直接
在 <a></a> 标签里加 style="color: #007bff;" 就行，支持颜色名（red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)）。
- 常见错误：漏引号、用了中文冒号或分号、拼错
color写成colour - 它只影响默认状态（未访问、未悬停），
:hover和:visited完全不受影响 - 别用过时的
<font></font>标签——HTML5 已废弃，且同样无法控制交互态
统一改全页链接颜色：用 <style></style> 块写 a 规则
在 里加一段 <style></style>，比每个链接都写 style 更省事也更可控。
- 基础写法：
a { color: #28a745; }—— 会同时覆盖:link和:visited，可能掩盖已访问状态的视觉区分 - 更稳妥的写法是显式声明：
a:link { color: #007bff; }+a:visited { color: #6c757d; } - 顺序不能乱：必须按
:link→:visited→:hover→:active的顺序写，否则:hover可能被:visited拦截失效
:hover 或 :visited 颜色不生效？先查这三点
写了 a:hover { color: orange; } 却没反应，问题通常不在 CSS 本身。
-
:visited受浏览器安全限制：Chrome/Firefox/Safari 允许改color和background-color，但禁止用font-size、display、transition等属性 -
:hover失效常因父容器设置了pointer-events: none，或链接被空<div> 盖住 <li>如果用了 <code>!important强制某个颜色，又在后面重复定义了冲突规则，CSS 层叠逻辑可能导致预期外的结果 - 创建
styles.css，写入：a:link { color: #007bff; text-decoration: none; }、a:visited { color: #6c757d; }、a:hover { color: #0056b3; } - 在 HTML 中用
<link rel="stylesheet" href="styles.css">引入 - 注意路径：如果
styles.css不在同级目录，href要写对相对路径，比如css/styles.css
多个页面要保持一致？必须用外部 .css 文件
首页、文章页、联系页各自硬编码 <style></style> 或 style 属性，改一处、漏十处。
真正容易被忽略的是 :visited 的浏览器限制和伪类书写顺序——不是写出来就一定起作用，得符合安全策略和层叠规则。
