HTML中链接颜色必须用CSS控制，通过a:link、a:visited、a:hover、a:active四个伪类分别设置未访问、已访问、悬停、激活状态，其中visited受隐私限制仅支持有限样式。
HTML 本身没有直接设置链接颜色的属性，所有颜色控制必须通过 CSS 实现；用 font 标签或过时的 link、vlink 等属性在现代浏览器中已失效或被忽略。
用 CSS 的 :link、:visited、:hover、:active 分别控制状态
超链接有四种基本状态，每种需单独声明，否则会回退到浏览器默认（通常是蓝色未访问、紫色已访问）：
-
:link：未访问的链接（必须写在:hover和:active之前，否则可能被覆盖） -
:visited：已访问过的链接（出于隐私限制，CSS 只允许设置有限样式，如color、background-color，不能读取或影响布局） -
:hover：鼠标悬停时（建议同时配text-decoration: underline或其他视觉反馈） -
:active：鼠标按下瞬间（持续时间极短，常用于微调点击反馈）
示例：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
a:active { color: #004085; }
全局统一改所有链接颜色，但要注意继承和选择器权重
如果只想简单粗暴地统一颜色，最安全的方式是给所有 <a> 标签设 color，但注意：
立即学习“前端免费学习笔记（深入）”；
- 只设
a { color: red; }不会影响:visited，因为浏览器对已访问链接有默认样式且优先级更高 - 必须显式重写
a:visited才能真正统一 - 若页面中有内联样式（如
style="color: blue;"）或更具体的选择器（如.nav a），它们可能覆盖你的全局规则
稳妥写法：
a,
a:link,
a:visited,
a:hover,
a:active {
color: #28a745;
text-decoration: none;
}
只改某一部分链接（如导航栏），用类名精准控制
避免污染全局样式，推荐给特定区域加 class，比如导航菜单：
- HTML 中写：
<a href="#" class="nav-link">首页</a> - CSS 中写：
.nav-link { color: #333; }，再补上.nav-link:visited等状态 - 这样不会影响文章正文里的链接、页脚链接等其他位置
- 如果用了 CSS 预处理器或现代框架（如 Tailwind），也可用工具链生成对应 utility 类，但底层仍是这些伪类
真正容易被忽略的是 :visited 的限制——你设了 color 没问题，但想加 border、改 display 或用 transition 都会被浏览器静默忽略。这不是 bug，是刻意设计的安全机制。
