直接改单个链接颜色用style="color: red;"最快，但仅影响默认状态；控制:hover、:visited等状态必须用CSS伪类，因style属性对交互态完全无效。
直接改单个链接颜色，用 style="color: red;" 最快；想控制悬停、已访问等状态，必须用 CSS 伪类，style 属性完全无效。
只改一个链接的颜色：用 style 属性就行
适合临时调整、测试或嵌入式小页面。写法简单：<a href="#" style="color: #007bff;">蓝色链接</a>。
- 支持的颜色写法：英文名（
red）、十六进制（#28a745）、RGB（rgb(0, 123, 255)） - 常见失效原因：
style="color:red"漏了引号、用了中文标点、拼错color；或者父级元素设置了color且带!important，覆盖了内联样式 - 它只影响默认状态（即未访问、未悬停），
:hover和:visited完全不受影响 - 别用已废弃的
<font></font>标签套链接——HTML5 不认，且同样无法控制交互态
要控制 :hover、:visited 等状态：必须用 CSS 伪类
浏览器对链接状态有独立样式逻辑，style 属性根本无法触达这些状态。必须在 <style></style> 块或外部 CSS 中定义：
- 顺序不能乱：务必按
a:link→a:visited→a:hover→a:active书写，否则:visited可能拦截:hover导致悬停无效 -
:visited有安全限制：Chrome/Firefox/Safari 允许改color和background-color，但禁止用font-size、transition、display等属性区分已访问链接 - 如果写了
a:hover { color: orange; }却没反应，先检查是否被pointer-events: none阻断，或链接被透明<div> 盖住 <h3>多个页面统一管理：必须抽到外部 CSS 文件</h3> <p>硬编码每个 HTML 的 <code><style></style>或内联style，改一处漏十处。正确做法是建一个styles.css：立即学习“前端免费学习笔记（深入）”；
a:link { color: #007bff; text-decoration: none; } a:visited { color: #6c757d; } a:hover { color: #0056b3; } a:active { color: #003d7a; }- 在所有 HTML 的
里加：<link rel="stylesheet" href="styles.css"> - 路径写错（比如写成
css/styles.css却放在根目录）会导致样式完全不加载，浏览器控制台会报 404 - 修改后记得清浏览器缓存，尤其用
file://本地打开时，CSS 经常被强缓存
想局部定制某块区域的链接？用 class 或 ID 选择器
比如只让页脚链接变灰，导航链接悬停变白，不用全局污染：
- HTML 中加标识：
<footer class="site-footer"><a href="#">关于我们</a></footer> - CSS 里写：
.site-footer a { color: #6c757d; }，.nav-menu a:hover { color: white; } - 避免用太宽泛的选择器如
div a，容易误伤其他模块的链接 - 如果用了框架（如 Bootstrap），注意其自带的
a样式可能优先级更高，需加!important或提高选择器 specificity（例如.nav-menu a.nav-link:hover）
真正容易被忽略的是
:visited的浏览器限制和伪类书写顺序——很多人写了 hover 却不生效，查半天 JS，其实只是:visited规则写在了:hover后面。 - 在所有 HTML 的
