直接改单个链接颜色用style="color: #007bff;"最快；控制悬停、已访问等状态必须用CSS伪类a:link、a:visited、a:hover、a:active，且顺序不可错；全站统一改色应使用外部CSS文件。
直接改单个链接颜色，用 style="color: #007bff;" 最快；但想控制悬停、已访问等状态，必须用 CSS 伪类，style 属性完全无效。
只改一个链接的颜色：用 style 属性就行
适合临时调试或页面里仅有一处需要变色。写法简单，但有硬限制：
-
style="color: red;"、style="color: #28a745;"、style="color: rgb(0, 123, 255);"都可以 - 只影响默认状态（即未访问、未悬停），
:hover和:visited完全不受控 - 常见失效原因：
color:拼错、漏引号、用了中文冒号或分号、父级元素设置了color且带!important
控制四种状态颜色：必须用 a:link、a:visited、a:hover、a:active
浏览器按固定顺序匹配这些伪类，顺序错了会导致样式被覆盖：
- 必须按
a:link→a:visited→a:hover→a:active书写，否则:hover可能被:visited拦截 -
:visited受浏览器安全策略限制：只能改color、background-color、border-color等少数属性，font-size、transition、display会被忽略 - 如果用了
text-decoration: none;，建议只加在a:link或a上，避免意外去掉:hover下划线
统一改全站链接颜色：用外部 .css 文件最稳
多个 HTML 页面共用一套链接样式时，硬编码 <style> 或一堆 会失控：
立即学习“前端免费学习笔记（深入）”；
- 新建
styles.css，写入：a:link { color: #007bff; } a:visited { color: #6c757d; } a:hover { color: #0056b3; } a:active { color: #004080; } - 在每个 HTML 的
<head>里加：<link rel="stylesheet" href="styles.css"> - 改一处，所有页面自动同步；也方便对接构建工具或 CMS
真正容易被忽略的是 :visited 的兼容性边界——它看起来能设颜色，但现代浏览器根本不允许你靠它做状态探测，所以别指望用颜色差异精确判断用户是否点过某个链接。实际项目中，优先保证 :link 和 :hover 可靠生效，:visited 颜色设成接近中性灰更稳妥。
