直接改单个链接颜色用 style="color: red;" 最快；但控制悬停、已访问等状态必须用 CSS 伪类，因 style 属性对 :hover 和 :visited 完全无效。
直接改单个链接颜色，用 style="color: red;" 最快；但想控制悬停、已访问等状态，必须用 CSS 伪类，style 属性完全无效。
只改一个链接的颜色：用 style 属性就行
适合临时调试或页面里仅需突出某一个链接。写法简单：<a href="#" style="color: #007bff;">点击这里</a>。
- 支持的颜色写法：
red、#007bff、rgb(0, 123, 255)，别用中文标点或漏引号 - 常见失效原因：父级元素设置了
color且用了!important，内联样式被覆盖 -
style只影响默认状态（即未访问、未悬停），:hover和:visited完全不响应 - 别用已废弃的
<font>标签套链接，HTML5 不认，且照样管不了交互态
统一改整页链接颜色：用 <style> 块最稳妥
在 <head> 里加一段 <style>，比每个链接都写 style 干净得多，也避免重复出错。
- 基础写法：
a { color: #28a745; }——会同时作用于:link和:visited，可能削弱已访问提示 - 更推荐显式声明：
a:link { color: #007bff; } a:visited { color: #6c757d; } - 顺序不能错：必须按
:link→:visited→:hover→:active写，否则:hover可能被:visited拦截 - 如果用了
text-decoration: none;，记得在:hover里手动加回text-decoration: underline;，不然悬停没反馈
:hover 或 :visited 颜色不生效？先查这三处
写了规则却没反应，大概率不是语法错，而是被其他机制压制了。
立即学习“前端免费学习笔记（深入）”；
-
:visited被浏览器限制：Chrome/Firefox/Safari 禁止通过 CSS 修改它的font-size、display、transition等属性，但color和background-color是安全的 -
:hover失效常因父容器设了pointer-events: none，或链接被透明<div>盖住了 - 检查是否在别的地方用了
!important，又在后面定义了冲突规则，CSS 层叠逻辑会让后写的低优先级规则失效
多个页面要同步改色：必须抽成外部 CSS 文件
首页、文章页、联系页各自写一遍 <style>，等于埋了维护雷——改一处，漏十处。
- 新建
styles.css，内容至少包含：a:link { color: #007bff; }、a:visited { color: #6c757d; }、a:hover { color: #0056b3; } - 在每个 HTML 的
<head>里加：<link rel="stylesheet" href="styles.css"> - 路径写错会导致整个样式表加载失败，
href值务必核对大小写和层级，比如css/styles.css就不能写成Styles.css
真正麻烦的不是写几行 CSS，而是状态顺序、浏览器限制、层叠优先级这些隐性规则——漏掉任意一点，颜色就卡在“应该变却没变”的状态里。
