只改一个链接的颜色用style属性最直接，如style="color: red;"，支持颜色名、十六进制、RGB等格式，但仅影响默认状态，无法控制:hover、:visited等交互状态。
只改一个链接的颜色，用 style="color: red;" 最快
想让某个链接立刻变红、变绿或换成品牌色，不用动其他代码，直接在 <a> 标签里加 style="color: red;" 就行。支持颜色名（red、teal）、十六进制（#007bff）、RGB（rgb(0, 123, 255)）。
常见错误现象：style="color: red" 写了但没生效——大概率是漏了引号、拼错 color、用了中文标点；也可能是父级元素（比如 <div style="color: #333;">）设置了更高优先级的 color，把内联样式盖掉了。
注意：style 只影响链接的默认状态（即未访问、未悬停），:hover 和 :visited 不会跟着变。别用已废弃的 <font> 标签套，HTML5 不认它，也控制不了交互态。
统一改全页链接颜色，用 <style> 块写 a:link 和 a:visited
刚建好页面，发现所有链接都是浏览器默认的蓝色/紫色，想快速统一成深绿 #28a745？在 <head> 里加一段 <style> 最省事。
立即学习“前端免费学习笔记（深入）”；
基础写法：a { color: #28a745; } —— 简单粗暴，但会同时覆盖 :link 和 :visited，用户分不清哪些点过、哪些没点过。
更稳妥的写法是显式声明：
-
a:link { color: #007bff; }（未访问） -
a:visited { color: #6c757d; }（已访问） -
a:hover { color: #0056b3; }（悬停） -
a:active { color: #004080; }（点击瞬间）
顺序不能乱：必须是 :link → :visited → :hover → :active，否则 :hover 可能被 :visited 拦截失效。
a:hover 或 a:visited 颜色不生效？先查这三点
写了 a:hover { color: orange; } 却没反应，问题通常不在 CSS 本身。
-
:visited受浏览器安全限制：Chrome/Firefox/Safari 禁止通过 CSS 读取或过度定制已访问链接样式。color、background-color可用，但font-size、display、transition会被忽略。 -
:hover失效常因父容器有pointer-events: none，或链接被其他元素（比如空<div>）盖住，鼠标根本没真正“悬停”到链接上。 - 如果用了
!important强制某个颜色，又在后面重复定义了冲突规则，CSS 层叠逻辑可能导致预期外的结果。
多个 HTML 页面要保持一致？必须抽成外部 styles.css
首页、文章页、联系页都得改链接颜色？硬编码每页的 <style> 或内联 style，改一处、漏十处，后期维护崩溃。
做法很简单：新建一个 styles.css 文件，写入规则，例如：
a:link { color: #007bff; text-decoration: none; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
然后在每个 HTML 的 <head> 里加：
<link rel="stylesheet" href="styles.css">
这样改一次 CSS，所有页面自动同步。别忘了检查路径是否正确——如果 CSS 文件和 HTML 不在同一目录，href 要写相对路径（比如 css/styles.css）。
真正容易被忽略的是：伪类顺序和浏览器对 :visited 的限制。很多人卡在 hover 不变色，其实不是代码写错，而是被盖住了或禁用了。动手前先打开浏览器开发者工具，检查元素实际计算出的样式，比反复猜快得多。
