用style属性可直接设置单个标签默认颜色，但无法控制:hover/:visited等状态；多状态需按lvha顺序用css伪类分别定义，局部修改推荐类选择器。
只改一个链接的颜色，用 style 属性最直接
想单独改某个 <a></a> 标签的颜色，不用动全局样式，加个 style="color: #007bff;" 就行。支持颜色名（red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)）。
常见错误现象：style="color: red" 没生效——大概率是漏了引号、用了中文冒号或分号，或者父级元素设置了 color 且带 !important，把内联样式压住了。
注意：style 只影响默认状态（即未访问、未悬停），:hover 和 :visited 不会跟着变。别用过时的 <font></font> 标签套，HTML5 已废弃，且照样控制不了交互态。
a:hover 和 a:visited 颜色不生效？先查这三点
写了 a:hover { color: orange; } 却没反应，问题通常不在 CSS 本身。
- 浏览器安全限制：
:visited只允许修改极少数属性（如color、background-color），font-size、transition、display等会被静默忽略（Chrome/Firefox/Safari 均如此） -
:hover失效常因父容器设了pointer-events: none，或链接被透明<div> 盖住，检查元素是否真能被鼠标“触达” <li>如果用了 <code>!important强制某个颜色，又在后面重复定义了冲突规则，CSS 层叠逻辑可能导致预期外的结果
多个状态要分别控制，必须按 LVHA 顺序写
想让未访问是蓝色、已访问是灰色、悬停是红色、点击瞬间是橙色，就得显式声明四个伪类，并严格按 a:link → a:visited → a:hover → a:active 顺序书写。
示例：
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #e83e8c; }
顺序不能乱：如果把 a:hover 放在 a:visited 前面，某些浏览器里已访问链接悬停时可能沿用 :visited 的颜色，而不是你写的 :hover 值。
局部修改某块区域里的链接，用类选择器更稳妥
比如只想改页脚里的链接颜色，不要影响导航栏或正文，就给页脚加个 class：<footer class="footer">...</footer>，然后写：
.footer a { color: #495057; }
.footer a:hover { color: #007bff; }
这样既避免污染全局，又比每个链接都加 style 更易维护。如果页面有多个类似区域（如 .nav、.sidebar），这种模式扩展性明显更好。
真正容易被忽略的是：哪怕只改一个链接，也要意识到它背后有四种状态；而只要涉及多状态或跨页面，内联 style 就不再是“快”，而是“埋雷”。
