只改单个链接颜色用style属性最直接，如style="color: #007bff;"，支持颜色名、十六进制、rgb等格式，但仅影响默认状态，无法控制:hover、:visited等交互态。
只改单个链接颜色，用 style 属性最直接
如果你只是临时调整某一个链接的颜色，比如导航栏里那个“联系我们”，style="color: #007bff;" 就够了。它优先级最高，能压过大多数外部或内部样式。
常见错误现象：style="color: red" 没生效——八成是漏了引号、用了中文冒号、或者父容器写了 color: black !important；也可能是链接被包裹在 <span></span> 或其他设置了 color 的元素里，继承覆盖了内联值。
支持的颜色写法包括：red（英文名）、#007bff（十六进制）、rgb(0, 123, 255)（RGB）。
注意：它只影响链接的默认状态（即未访问、未悬停），a:hover 和 a:visited 不会跟着变。别再用已废弃的 <font></font> 标签套链接，HTML5 不认，且完全无法控制交互态。
统一改全页链接颜色，必须用 <style></style> 或外部 CSS
想让所有链接都变成品牌蓝？硬编码每个 <a></a> 的 style 是自找麻烦。直接在 里加一段 <style></style>，一行 a { color: #007bff; } 就搞定基础色。
但更稳妥的做法是显式声明四种状态：
-
a:link { color: #007bff; }—— 未访问链接 -
a:visited { color: #6c757d; }—— 已访问链接（注意：现代浏览器限制其可设属性，color可用，但font-size、transition会被忽略） -
a:hover { color: #0056b3; }—— 鼠标悬停时 -
a:active { color: #004080; }—— 点击瞬间
顺序不能乱：必须按 :link → :visited → :hover → :active 写，否则 :visited 可能拦截 :hover 导致悬停失效。
多个页面共用样式？必须抽到外部 styles.css 文件，用 <link rel="stylesheet" href="styles.css"> 引入。否则改一处、漏十处，维护成本飙升。
a:hover 不生效？先查这三件事
写了 a:hover { color: orange; } 却没反应，问题通常不在 CSS 本身：
- 父容器设置了
pointer-events: none，鼠标事件被拦截了 - 链接被空
<div>、<code><img>或其他元素盖住，悬停目标错位 - 用了
!important强制某个颜色，又在后面重复定义冲突规则，CSS 层叠逻辑导致预期外覆盖 - 无法复用：首页改了，文章页、联系页还得手动同步
- 无法缓存：每次 HTML 加载都要重新解析样式，而外部 CSS 可被浏览器缓存
- 维护困难：几十个页面，改个主色调就得打开全部文件挨个搜
color:
另外，:visited 的样式限制是浏览器级安全策略，不是你代码写错了——Chrome/Firefox/Safari 都禁止通过 CSS 读取或过度定制已访问链接的布局、动画等属性，这点没法绕开。
为什么推荐外部 CSS 而非内联或内部样式
内联 style 和内部 <style></style> 看似快，但代价明显：
哪怕只有两个页面，也值得建一个 styles.css。最小可行配置就四行，复制粘贴就能跑：
a:link { color: #007bff; text-decoration: none; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
a:active { color: #004080; }
真正容易被忽略的是：伪类顺序和 :visited 的浏览器限制——它们不是“可选优化项”，而是决定样式是否生效的关键边界。
