直接改a标签color属性仅影响默认状态；需用伪类按link→visited→hover→active顺序声明才能控制交互态；:visited受浏览器安全限制，仅color等少数属性生效；多页项目应抽离到外部css文件。
直接改 a 标签的 color 属性就能生效，但只改默认状态；想让 :hover、:visited 等状态也变色，必须用 CSS 伪类显式声明，且顺序不能错。
单个链接快速改色：用 style="color: ..." 最省事
适合临时调试或只改一两个链接。写法简单：@#@#@#@#@#@#@#@#@#@0。
- 颜色值支持英文名（
red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)） - 常见失效原因：漏引号、用了中文冒号或分号、父级元素设置了
color且优先级更高 -
关键限制：它只影响未访问、未悬停的默认状态，
:hover和:visited完全不受控
全页链接统一配色：用 <style></style> 块定义伪类链
在 里加一段 <style></style>，比每个链接都写 style 更干净，也才能控制交互态。
- 必须按
a:link→a:visited→a:hover→a:active顺序写，否则:hover可能被:visited拦截 - 示例最小可行配置：
a:link { color: #007bff; } a:visited { color: #6c757d; } a:hover { color: #0056b3; } a:active { color: #004080; } - 如果只写
a { color: ... }，会同时覆盖:link和:visited，导致已访问链接失去视觉区分
:visited 颜色不生效？不是你写错了，是浏览器故意限制
现代 Chrome/Firefox/Safari 对 :visited 有严格安全策略，这是设计行为，不是 bug。
- 允许设置的属性极有限：仅
color、background-color、border-color等基础绘图属性 - 禁止设置：字体大小、边距、过渡动画、
display、visibility等可能被 JS 用来探测用户浏览历史的属性 - 如果你写了
a:visited { font-size: 14px; }却没效果，这就是原因——删掉这行，只留color
多页面项目务必抽离到外部 CSS 文件
当网站有首页、文章页、后台页等多个 HTML 文件时，硬编码样式等于埋雷。
- 创建
styles.css，把链接规则全放进去，然后每页加：<link rel="stylesheet" href="styles.css"> - 避免重复引入：别在某个页面又写一遍
<style></style>覆盖全局，维护成本陡增 - 容易被忽略的一点：外部 CSS 的加载是异步的，若页面首屏就依赖链接颜色，建议内联关键样式（如
a:link和a:visited）保底
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
