直接用style="color: red;"可快速修改单个链接默认颜色，但:hover、:visited等交互状态必须用css伪类定义，且需按link→visited→hover→active顺序书写，否则样式可能失效。
直接改单个链接颜色，用 style="color: red;" 最快；但想控制鼠标悬停、已访问等状态，必须用 CSS 伪类，style 属性完全无效。
只改一个链接的颜色：用 style 属性就行
在 <a></a> 标签里加 style="color: #007bff;"，立刻生效。支持颜色名（red）、十六进制（#28a745）、RGB（rgb(0, 123, 255)）。
常见错误现象：style="color: red" 没引号、用了中文冒号或全角空格；父级元素设置了 color 且带 !important，会覆盖内联样式。
- 它只影响默认状态（未访问、未悬停），
:hover和:visited不会变 - 别用废弃的
<font></font>标签套链接，HTML5 不认，且照样管不了交互态 - 调试时临时加
style很方便，上线后建议抽离到 CSS
统一改全页链接颜色：用 <style></style> 块写伪类
在 里加 <style></style>，显式声明四种状态，比只写 a { color: ... } 更可靠。
推荐写法（顺序不能错）：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
- 顺序必须是
:link → :visited → :hover → :active，否则:hover可能被:visited拦截 -
:visited受浏览器安全限制：只能改color、background-color等少数属性，font-size或transition会被忽略 - 如果写了
text-decoration: none;，记得在:hover里手动加回来，否则悬停时没下划线
:hover 或 :visited 颜色不生效？先查这三处
写了规则却没反应，问题通常不在 CSS 本身。
- 父容器设置了
pointer-events: none，鼠标事件被拦截，:hover自然不触发 - 链接被透明
<div> 或其他元素盖住，实际没 hover 到 <code><a></a>上 - 用了
!important强制某个颜色，后面又定义了冲突规则，CSS 层叠逻辑会让结果不可预期
多个页面要一致：必须用外部 CSS 文件
把上面那段伪类规则存成 styles.css，然后在每个 HTML 里用 <link rel="stylesheet" href="styles.css"> 引入。
硬编码每页的 <style></style> 或一堆 style="..."，改一处漏十处，维护成本极高。
真正容易被忽略的是：不同状态的视觉区分度。比如 :visited 和默认色太接近，用户就看不出哪些点过了——这不是代码问题，是设计盲区。
