只改一个链接的颜色用style属性最直接，如style="color: red;"，支持颜色名、十六进制、RGB等格式，但仅影响默认状态，无法控制:hover、:visited等交互状态。
只改一个链接的颜色，用 style="color: red;" 最快
想让某个链接立刻变红、变蓝或换成品牌色，直接在 <a> 标签里加 style="color: #007bff;" 就行。支持颜色名（red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)）。
常见错误现象：style="color: red" 没生效——大概率是漏了引号、用了中文冒号或分号，或者父级元素设置了 color 且带 !important，把内联样式压住了。
注意：style 只影响默认状态（未访问、未悬停），:hover 和 :visited 完全不响应，别指望它控制交互效果。
a:link 和 a:visited 颜色不生效？顺序和浏览器限制是主因
写 a:hover { color: orange; } 却没反应，问题往往不在语法本身。
立即学习“前端免费学习笔记（深入）”；
- 伪类顺序必须是
a:link→a:visited→a:hover→a:active，否则:visited可能拦截:hover -
:visited在 Chrome/Firefox/Safari 中受安全策略限制：只能改color、background-color等极少数属性，font-size、transition、text-shadow会被浏览器无视 - 如果父容器有
pointer-events: none，或链接被空<div>盖住，:hover也触发不了
统一改全页链接颜色，用 <style> 块比每个链接加 style 强得多
刚建好页面，发现所有链接都是蓝/紫，默认又难看又不统一，直接在 <head> 里塞一段 <style>：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
这样既覆盖基础状态，又保留已访问与悬停的视觉区分。别偷懒写 a { color: ... } ——它会同时覆盖 :link 和 :visited，导致用户看不出哪些点过了。
如果只想改导航栏里的链接，用类选择器更精准：.nav a:link { color: white; }，避免误伤页脚或正文链接。
多个 HTML 页面要保持一致？必须抽到外部 CSS 文件
首页、文章页、联系页都用同一套链接颜色，硬编码每页的 <style> 或一堆 style="..."，等于埋雷：改一处，漏十处。
创建 styles.css，把链接规则全放进去，然后在每页 <head> 中引入：
<link rel="stylesheet" href="styles.css">
真正复杂的地方在于：一旦用了外部 CSS，就必须考虑加载顺序、缓存更新、以及是否被其他框架（比如 Bootstrap）的默认样式覆盖。建议在 styles.css 开头加一句 @charset "UTF-8";，避免特殊字符出错；上线前用浏览器 DevTools 的 Styles 面板逐条确认最终生效的是哪条规则。
