内联样式style="color: #007bff;"可快速设置单个链接颜色，但需注意引号、标点及父级样式覆盖；应按:link→:visited→:hover→:active顺序定义伪类，并避免使用废弃的<font>标签。
直接用 style="color: #007bff;" 改单个链接
想快速让某个链接变蓝、变绿或换成品牌色，最省事就是写内联样式：<a href="#" style="color: #007bff;">点击这里</a>。它只影响这个标签，不波及其他链接。
常见错误现象：style="color: #007bff" 写了但没生效——大概率是漏了引号、用了中文冒号或分号，或者父级元素（比如 <p> 或 <div>）设置了 color 且没加 !important，把内联样式盖掉了。
支持的十六进制格式包括：
-
#007bff（6位，标准写法） -
#07b（3位简写，等价于#0077bb） -
#007bff80（8位，后两位是 alpha 透明度，仅部分现代浏览器支持）
用 a:link 和 a:visited 区分未访问/已访问状态
只写 a { color: #28a745; } 会让所有链接（包括已访问过的）都变成绿色，用户就看不出哪些点过了——这会破坏基本可用性。
立即学习“前端免费学习笔记（深入）”；
正确做法是显式声明不同状态，并注意顺序：
-
a:link { color: #007bff; }—— 未访问链接 -
a:visited { color: #6c757d; }—— 已访问链接（建议比默认色稍暗，保留区分度） -
a:hover { color: #0056b3; }—— 悬停时（通常比正常色深 20% 左右） -
a:active { color: #004080; }—— 点击瞬间（可选，但建议保持一致性）
顺序不能错：必须是 :link → :visited → :hover → :active。否则 :visited 可能拦截 :hover，导致悬停失效。
为什么不用 <font> 标签改颜色
<font color="#ff0000"><a href="#">链接</a></font> 这种写法在 HTML5 中已彻底废弃，W3C 不再支持，主流浏览器虽可能渲染，但会触发控制台警告，且无法控制 :hover、:visited 等伪类状态。
更关键的是：它语义错误——<font> 是纯表现层标签，而链接的颜色属于样式范畴，应该交由 CSS 处理。混用会导致样式难以维护、响应式失效、无障碍支持变差。
外部 CSS 文件里怎么写才不踩坑
如果项目有多个页面，推荐用外部 CSS 文件统一管理。在 style.css 里写：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
然后在 HTML 的 <head> 中引入：<link rel="stylesheet" href="style.css">。
容易忽略的点：
- 路径写错（比如误写成
css/style.css却放在根目录） - 文件编码不是 UTF-8，导致中文注释或特殊字符乱码，连带样式失效
- 缓存问题：改完 CSS 后浏览器仍加载旧版本，需强制刷新（
Ctrl+Shift+R）或清空缓存
真正麻烦的从来不是写对一行 color，而是状态覆盖逻辑、选择器优先级和缓存行为——这些细节不验证，光靠“写了就该生效”去猜，十次有八次会卡住。
