直接在a标签中用style="color:..."可快速修改单个超链接颜色，支持颜色名、十六进制、rgb等值，仅影响默认状态，不作用于:hover或:visited。
只改一个链接的颜色，用 style="color: ..." 最快
直接在 @#@#@#@#@#@#@#@#@#@0，就能让这个链接显示为蓝色。它生效快、不依赖其他文件，适合临时调试或 CMS 输出的单个链接。
常见错误现象：style="color: red" 没生效——大概率是漏了引号、用了中文冒号或分号、拼错 color（比如写成 colour），或者父级元素设置了 color 且带 !important，把内联样式压住了。
- 支持的颜色值：英文名（
red）、十六进制（#28a745）、RGB（rgb(40, 167, 69)） - 它只影响默认状态（即未访问、未悬停），
:hover和:visited不会跟着变 - 别用
<font></font>标签套，HTML5 已废弃，且无法控制伪类状态
要统一改全页链接颜色，必须用 <style></style> 或外部 CSS
在 里加一段 <style></style>，比每个链接都写 style 强得多。比如想让所有未访问链接变蓝、已访问变灰、悬停变深蓝：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
顺序不能乱：必须按 :link → :visited → :hover → :active 写，否则 :hover 可能被 :visited 拦截失效。
-
a { color: ... }会同时覆盖:link和:visited，容易掩盖已访问状态的视觉区分 - 如果用了
!important，又在后面重复定义冲突规则，CSS 层叠逻辑可能导致预期外的结果 - 多个页面共用时，硬编码每页的
<style></style>会导致改一处、漏十处
:visited 和 :hover 颜色不生效？先查这三点
写了 a:hover { color: orange; } 却没反应，问题往往不在 CSS 本身。
-
:visited受浏览器安全限制：Chrome/Firefox/Safari 禁止通过 CSS 修改font-size、display、transition等属性，但color和background-color是允许的 -
:hover失效常因父容器有pointer-events: none，或链接被空<div> 盖住（检查元素是否真能被鼠标触发）<li>如果链接里嵌了 <code><span></span>或<img>，而你只给a设了color，那子元素可能继承不到——试试加a * { color: inherit; }
多页面项目必须抽离到外部 CSS 文件
首页、文章页、联系页都用同一套链接颜色？那就不能靠内联或内部样式。把规则写进 styles.css，然后在每页 里引入：
<link rel="stylesheet" href="styles.css">
这样改一次，全站生效。最小可行配置建议包含四状态显式声明，避免依赖浏览器默认行为：
a:link { color: #007bff; text-decoration: none; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004080; }
真正容易被忽略的是：很多人以为设了 a { color: ... } 就万事大吉，结果上线后发现已访问链接和未访问的一样，用户完全分不清哪些点过了——这不是 bug，是设计缺失。状态区分不是可选项，是基础可用性要求。
