直接用style="color: red;"可快速修改单个链接默认颜色，支持颜色名、十六进制等格式；全页统一改色则在中加块，推荐按link→visited→hover→active顺序书写伪类以确保状态生效。
想快速改一个链接的颜色，style="color: red;" 就够了；想改全页所有链接，直接在 里加 <style>a { color: #007bff; }</style> —— 这两种是最省事、最不容易出错的起点。
单个链接用 style 属性最快，但只管默认状态
比如：@#@#@#@#@#@#@#@#@#@0。它立刻生效，不用动其他文件，适合临时标注、调试或 CMS 后台生成的孤立链接。
- 常见错误：漏引号（
style=color:red）、用中文冒号或空格（style=" color : red "）、父级设置了color且带!important，把内联样式压住了 - 它只影响未访问、未悬停时的颜色；
:hover和:visited完全不受控制，鼠标移上去还是浏览器默认蓝/紫 - 颜色值支持
red、#28a745、rgb(40, 167, 69)，不支持hsl()或透明度写法如#0000ff80（部分老浏览器会忽略）
全页统一改色，<style></style> 块比每个链接都加 style 强得多
在 HTML 文件的 里塞一段 <style></style>，例如：
<style>
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
</style>
这样既覆盖所有链接，又保留了状态区分，比只写 a { color: ... } 更稳妥。
- 顺序不能错：必须是
:link → :visited → :hover → :active（LVHA），否则:visited可能拦截:hover导致悬停无效 -
:visited受浏览器限制：Chrome/Firefox/Safari 允许改color和background-color，但禁止font-size、transition、display等属性，别白费劲 - 如果页面已有全局 CSS 框架（如 Bootstrap），它的
a规则可能优先级更高，得加!important或提高选择器权重（比如写成body a:link）
:hover 不生效？先查这三处
写了 a:hover { color: orange; } 却没反应，大概率不是语法问题，而是环境干扰。
- 父容器有
pointer-events: none—— 常见于遮罩层、弹窗背景，鼠标事件被拦截，悬停自然触发不了 - 链接被空
<div> 或透明元素盖住 —— 用浏览器开发者工具的“检查元素”功能点一下，看真正响应鼠标的是谁 <li>用了 <code>!important强制某个颜色，后面又定义了冲突规则（比如a { color: blue !important; }跟a:hover { color: red; }并存），后者会被前者压制
真正麻烦的不是怎么写，而是不同状态之间互相牵制、浏览器策略不断收紧（尤其是 :visited）、还有框架样式暗中覆盖——动手前先打开开发者工具，盯着 computed 样式看，比反复猜强得多。
