必须按link、visited、hover、active顺序分别设置a标签各状态颜色，仅设a{color}无法覆盖已访问和悬停状态，且visited受浏览器隐私限制仅支持有限样式修改。
直接改 a 标签的 color 就能生效，但只写 a { color: red; } 往往不够——它会覆盖 :visited 和 :hover 的默认行为，导致已访问链接看不出来，或悬停无反应。真正可用的修改，必须按状态拆开写，且顺序不能错。
只改一个链接颜色：用 style 属性最省事，但有硬限制
在单个 <a> 标签里加 style="color: #28a745;" 即可，支持颜色名、十六进制、rgb() 等格式。
- 常见错误：漏引号（
style=color:red）、用了中文冒号或分号、父级设置了color且没被覆盖 - 它只影响默认态（即未访问、未悬停），
:hover和:visited完全不受控 - 别用
<font>标签套，HTML5 已废弃，且浏览器根本不认它的交互态
统一改全页链接颜色：必须显式声明 :link 和 :visited
在 <head> 里加 <style> 块，但不能只写 a { color: blue; }——这会让已访问链接也变蓝，失去视觉区分。
- 正确写法是分开定义：
a:link { color: #007bff; }+a:visited { color: #6c757d; } - 顺序很重要：
:link必须在:visited前，否则:visited可能被拦截失效 - 如果页面已有框架或 CMS 注入了全局样式，你的规则可能被覆盖，此时要检查浏览器开发者工具里的“Computed”面板，看实际生效的是哪条
:hover 和 :visited 颜色不生效？先查这三处
写了 a:hover { color: orange; } 却没反应，问题几乎不在 CSS 本身。
立即学习“前端免费学习笔记（深入）”；
-
:visited受浏览器安全策略限制：Chrome/Firefox/Safari 允许改color和background-color，但禁用font-size、transition、display等属性 -
:hover失效常因父容器设了pointer-events: none，或链接被透明<div>盖住（尤其用绝对定位时） - 用了
!important强制某个颜色，又在后面重复定义冲突规则，CSS 层叠逻辑会让结果不可预测
多个页面共用样式：必须抽成外部 .css 文件
硬编码每页的 <style> 或内联 style，等于埋下维护雷——改一个颜色，得手动翻十页 HTML。
- 新建
styles.css，内容至少包含：a:link、a:visited、a:hover三者 - 在 HTML 中引入：
<link rel="stylesheet" href="styles.css">，路径必须准确（相对路径易出错） - 如果网站用了构建工具（如 Vite/Webpack），优先走 CSS 模块化流程，避免全局污染
真正难的不是写对那几行 CSS，而是理解浏览器如何解析伪类优先级、安全策略如何阉割 :visited 能力、以及当多个样式表叠加时哪条规则最终胜出——这些细节不查 DevTools 就永远卡在“写了但没用”。
