内联style总赢过css文件里的a:hover，因其优先级天生高于外部或内部样式表规则；a:visited受浏览器隐私保护限制，仅color等少数属性生效，且需遵循lvha顺序避免被覆盖。
内联style为什么总赢过CSS文件里的a:hover
因为style属性的优先级天生高于任何外部或内部样式表里的规则，这是 CSS 层叠（cascade）机制决定的，不是 bug。哪怕你在外部 CSS 里写了a:hover { color: red !important; }，只要 HTML 标签里有style="color: blue;"，它仍然会显示蓝色——!important只在同级规则中起作用，压不过内联样式。
常见错误现象：a:hover写好了但悬停没反应，一查发现某个链接被 CMS 或编辑器自动塞了style="color: #333;"；或者团队协作时有人为“快速修复”硬加了内联色，后续没人意识到它在默默覆盖交互态。
- 调试时可临时删掉
style属性验证是否是它在干扰 - 生产环境尽量避免对
a标签用内联color，除非是富文本输出且无法控制源码 - 如果必须保留内联样式（比如从 Markdown 渲染来的链接），可用更高权重的选择器覆盖：比如
.content a:hover { color: #0056b3 !important; }，但!important仅限兜底，别滥用
a:visited颜色不生效的真正原因不是你写错了
现代浏览器（Chrome、Firefox、Safari）对a:visited做了严格限制：只允许设置极少数安全属性，color和background-color可以，但font-size、border、transition、text-shadow等一律忽略。这不是兼容性问题，而是隐私保护机制——防止网站通过样式探测用户访问历史。
所以即使你写了a:visited { color: purple; font-weight: bold; }，开发者工具里也会看到font-weight被划掉，而color照常生效。
-
a:visited不能和:hover混写成a:visited:hover，多数浏览器直接不认这个组合 - 不要试图用 JS 读取
getComputedStyle(el).color来判断是否已访问，返回值会被浏览器抹平成默认色 - 如果
color本身也不生效，先检查是否被父级color继承覆盖，或是否用了!important冲突
LVHA顺序错位导致:hover被visited吃掉
CSS 规则按书写顺序层叠，但伪类之间有隐含优先级：浏览器把a:visited视为比a:hover更“具体”，所以如果a:visited写在a:hover后面，悬停时就会沿用visited的颜色——哪怕你鼠标根本没点过那个链接。
正确顺序必须是：a:link → a:visited → a:hover → a:active（即 LVHA）。漏掉:link或:visited也容易出问题，因为浏览器会回退到默认样式，而默认样式里:visited是紫色，可能和你的设计冲突。
- 最简保险写法：
a:link, a:visited, a:hover, a:active { color: #007bff; }，显式覆盖全部状态 - 如果只想改未访问和悬停色，至少补上
a:visited { color: inherit; }，避免继承浏览器默认紫 - 用 CSS 预处理器（如 Sass）时，别把
:hover嵌套在:visited块里，那会生成非法选择器
框架样式（如 Bootstrap）偷偷改了你的a标签
引入 Bootstrap、Tailwind 或其他 UI 框架后，它们的 CSS 文件里通常有类似.nav-link { color: #007bff; }或a:not([href]) { color: inherit; }这样的规则，权重往往比你的a:hover高。尤其当你的样式写在里，而框架 CSS 在后面加载，它的规则就自然赢了。
开发者工具里看Computed面板，点开color，被划掉的那条很可能就是框架定义的；点Styles面板，找带.navbar、.btn、data-bs-*这类前缀的规则。
- 不要靠猜，打开 DevTools 的
Elements面板，选中链接，右侧Styles里逐条看哪些color声明生效、哪些被划掉 - 覆盖框架样式时，用更具体的选择器，比如
.my-header a:hover比单纯a:hover权重高 - Bootstrap 5+ 默认禁用
a:visited的显式颜色，改用color: var(--bs-body-color);，你要改就得重定义 CSS 变量或加!important
:visited的隐私限制和框架样式的静默覆盖——这两点不会报错，但会让颜色表现完全偏离预期。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
