只改一个链接的颜色，用style属性最直接，如style="color: red;"，支持颜色名、十六进制、RGB等格式，但仅影响默认状态，无法控制:hover、:visited等交互状态。
只改一个链接的颜色，用 style 属性最直接
如果你只想让某一个链接变红、变蓝或换成自定义颜色，不用动整个页面样式，直接在 <a> 标签里加 style="color: red;" 就行。
常见错误现象：style="color: red" 写了但没生效——多数是漏了引号、拼错 color 或用了中文标点；也可能是父级元素设置了 color 且优先级更高，覆盖了内联样式。
- 支持的颜色写法：英文名（
red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)） - 注意：它只影响链接的默认状态（即未访问、未悬停），
:hover和:visited不会跟着变 - 别用过时的
<font>标签套<a>，HTML5 已废弃，且无法控制交互态
想统一改全页所有链接颜色，用 <style> 块更省事
在 HTML 文件的 <head> 里加一段 <style>，就能一次性覆盖所有 <a> 标签的基础色，比每个链接都写 style 强得多。
使用场景：刚建好页面，发现所有链接都是浏览器默认的蓝色/紫色，想快速统一成品牌色（比如深绿 #28a745）。
立即学习“前端免费学习笔记（深入）”；
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 基础写法：
a { color: #28a745; }—— 这会同时影响:link和:visited，但可能掩盖已访问状态的视觉区分 - 更稳妥的写法是显式声明：
a:link { color: #007bff; } a:visited { color: #6c757d; } - 顺序不能乱：
:link→:visited→:hover→:active，否则:hover可能被:visited拦截失效
:hover 和 :visited 颜色不生效？检查这三点
很多人写了 a:hover { color: orange; } 却发现鼠标移上去没反应，问题通常不在 CSS 本身。
-
:visited受浏览器安全限制：现代浏览器（Chrome/Firefox/Safari）禁止通过 JS 或 CSS 读取或过度定制已访问链接样式，color、background-color等基础属性可用，但font-size、display、transition等会被忽略 -
:hover失效常因父容器有pointer-events: none，或链接被其他元素（如空<div>）盖住 - 如果用了
!important强制某个颜色，又在后面重复定义了冲突规则，CSS 层叠逻辑可能导致预期外的结果
多个页面要保持一致？必须用外部 CSS 文件
当网站有首页、文章页、联系页等多个 HTML 文件时，硬编码每页的 <style> 或内联 style 会导致改一处、漏十处。这时得把链接样式抽到单独的 styles.css 里。
可复制粘贴的最小可行配置：
a:link { color: #007bff; text-decoration: none; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
a:active { color: #dc3545; }
然后在每个 HTML 的 <head> 中引入：<link rel="stylesheet" href="styles.css">。
容易被忽略的地方：路径写错（比如误写成 css/styles.css 但文件实际在根目录）；服务器未正确返回 CSS 文件（HTTP 404 或 MIME 类型不对）；缓存导致旧样式一直残留——开发时建议用浏览器无痕模式 + 硬性刷新（Ctrl+Shift+R）验证。
