用内联style最快但仅作用于默认状态，需单独设置:hover/:visited；推荐加类名限定作用域并抽离为外部CSS，注意a:visited样式限制及a:focus可访问性。
只改列表里某个链接的颜色，用 style 最快但有局限
直接在 <a> 标签里加 style="color: #007bff;" 就能立刻生效，适合调试或临时替换。但注意：它只管默认状态（即未访问、未悬停），a:hover 和 a:visited 不会跟着变——鼠标移上去还是蓝色，点过之后可能又变回紫色。
常见踩坑点：
-
style="color:red"没引号或用了中文引号，直接失效 - 父容器写了
color: gray;且没设!important，内联样式会被覆盖 - 列表项用了
<li><a href="#">链接</a></li>，但<li>自身有继承色，得检查 computed style 看最终来源
想统一改整个列表的链接颜色，别只写 a { color: ... }
如果列表是导航菜单或侧边栏，只写 a { color: #28a745; } 会把所有链接（包括页脚、文章内链）一起改掉。更稳妥的做法是加作用域限定：
- 给
<ul class="nav">加类名，然后写.nav a { color: #28a745; } - 用属性选择器精准命中：比如列表链接都带
data-role="menu-link"，就写a[data-role="menu-link"] { color: #28a745; } - 避免影响嵌套结构：如果列表里还有子菜单（如二级
<ul>），记得排除：.nav > li > a { color: #28a745; }
这样改完，:hover 和 :visited 仍需单独声明，否则交互态会退回到浏览器默认。
立即学习“前端免费学习笔记（深入）”；
a:visited 颜色不生效？不是你写错了，是浏览器限制
现代 Chrome/Firefox/Safari 对 a:visited 的可设置属性做了严格限制：只能改 color、background-color、border-color 等极少数基础样式，font-size、transition、text-shadow 全部被忽略——这是为防止通过样式探测用户浏览历史的安全策略。
所以如果你写了：
a:visited { color: #6c757d; font-weight: bold; }
那 font-weight 一定不生效，但 color 会。别怀疑选择器顺序或优先级，这是硬性限制。
多页面共用同一套列表链接样式，必须抽离成外部 CSS
把列表链接样式写进每个 HTML 的 <style> 块里，后期改一个颜色就得打开十几个文件手动同步。正确做法是建一个 menu.css：
.main-nav a:link { color: #007bff; }
.main-nav a:visited { color: #6c757d; }
.main-nav a:hover { color: #0056b3; }
.main-nav a:active { color: #004085; }
.main-nav a:focus { outline: 2px solid #007bff; }
然后在所有页面 <head> 里加一行：
<link rel="stylesheet" href="css/menu.css">
重点：别漏掉 a:focus ——键盘用户 Tab 导航时靠它识别当前焦点，可访问性要求明确，且很多项目上线后才被审计发现缺失。
