html中链接颜色必须用css控制，通过a:link、a:visited、a:hover、a:active四个伪类分别设置未访问、已访问、悬停、激活状态，其中visited受隐私限制仅支持有限样式。

HTML 本身没有直接设置链接颜色的属性，所有颜色控制必须通过 CSS 实现；用 font 标签或过时的 link、vlink 等属性在现代浏览器中已失效或被忽略。

用 CSS 的 :link、:visited、:hover、:active 分别控制状态

超链接有四种基本状态，每种需单独声明，否则会回退到浏览器默认（通常是蓝色未访问、紫色已访问）：

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• :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; }

全局统一改所有链接颜色，但要注意继承和选择器权重

如果只想简单粗暴地统一颜色，最安全的方式是给所有 @#@#@#@#@#@#@#@#@#@0

CSS 中写：.nav-link { color: #333; }，再补上 .nav-link:visited 等状态

这样不会影响文章正文里的链接、页脚链接等其他位置

如果用了 CSS 预处理器或现代框架（如 Tailwind），也可用工具链生成对应 utility 类，但底层仍是这些伪类

真正容易被忽略的是 :visited 的限制——你设了 color 没问题，但想加 border、改 display 或用 transition 都会被浏览器静默忽略。这不是 bug，是刻意设计的安全机制。

a,
a:link,
a:visited,
a:hover,
a:active {
  color: #28a745;
  text-decoration: none;
}

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！