直接改单个链接颜色用style="color:..."最快，但控制悬停、已访问等状态必须用CSS伪类且严格按LVHA（link→visited→hover→active）顺序书写，否则:hover等可能失效；:visited仅支持color等基础属性，现代浏览器限制其样式范围。
直接改单个链接颜色，用 style="color: ..." 最快；但想控制悬停、已访问等状态，必须用 CSS 伪类，且顺序不能错。
只改一个链接的颜色：用 style 属性就行
适用于临时调试、邮件模板或 CMS 富文本中无法加 <style> 的场景。写法简单：<a href="#" style="color: #007bff;">点击这里</a>。
- 支持颜色值：英文名（
red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)） - 常见失效原因：
style="color:red"漏引号、用了中文冒号、父级有color且带!important - 它只影响默认状态（即
:link），:hover和:visited完全不受影响
a:link、a:visited、a:hover、a:active 必须按顺序写
CSS 层叠规则会让后写的规则覆盖前面的，而浏览器对已访问链接的判断优先级高于悬停——所以顺序错了，:hover 就可能不生效。
- 正确顺序（LVHA）：
a:link→a:visited→a:hover→a:active - 错误示例：
a:hover { color: red; } a:visited { color: gray; }—— 已访问链接悬停时仍显示灰色 -
:visited受限：现代浏览器禁止通过它设置font-size、transition、background-image等属性，仅允许color、background-color、border-color等基础视觉属性
统一改全页链接颜色：优先用 <style> 块，别堆 style 属性
在 <head> 里加一段内联样式，比每个 <a> 都写 style 更可控、易维护。
立即学习“前端免费学习笔记（深入）”；
- 最简写法：
a { color: #28a745; }—— 同时覆盖:link和:visited，但会丢失已访问状态的视觉区分 - 推荐写法（显式声明）：
a:link { color: #007bff; } a:visited { color: #6c757d; } a:hover { color: #0056b3; } - 如果页面有多个区域（如导航栏、页脚），可用类选择器局部控制：
.nav a { color: white; } .footer a:hover { color: #007bff; }
多页面项目必须抽成外部 CSS 文件
当网站有首页、文章页、产品页等多个 HTML 文件时，硬编码样式等于埋雷——改一处漏十处。
- 创建
styles.css，把所有链接规则放进去 - 在每个页面
<head>中引入：<link rel="stylesheet" href="styles.css"> - 注意路径问题：如果 CSS 文件在
css/子目录下，路径要写成css/styles.css - 避免用
@import替代<link>：它会阻塞渲染，且不支持媒体查询条件加载
真正容易被忽略的是 :visited 的安全限制和 LVHA 顺序——很多人写了 :hover 却没反应，翻来覆去调颜色，最后发现只是 :visited 写在了后面，把悬停样式盖掉了。
