style属性无法设置:hover、:visited等伪类样式，因其仅作用于元素本身；它适合临时调试、邮件模板或CMS中无法外链CSS的场景，且只覆盖默认态颜色。
style 属性能改单个链接的默认颜色，但改不了 :hover、:visited 等状态——这是它最常被误用的地方。
只改一个链接的颜色：直接写 style="color: ..."
适合临时调试、邮件模板或 CMS 输出中无法加 CSS 的场景。支持颜色名（red）、十六进制（#007bff）、RGB（rgb(0, 123, 255)）。
- 漏引号或用了中文引号（如“color: red”）会导致完全失效
- 父级元素设了
color且没加!important，内联样式也可能被覆盖 - 写了
style="color: red"却没生效？先检查浏览器开发者工具里该元素的 computed color 是否真被应用
a:hover 和 a:visited 为什么加了 style 也不动
因为 style 是内联样式，只能作用于元素本身，而 :hover、:visited 是伪类，必须通过 CSS 规则定义，不能塞进 style 属性里。
- 试图用
onmouseover+ JS 模拟:hover很容易出兼容问题，且不支持键盘焦点访问 -
:visited还受浏览器安全限制：Chrome/Firefox/Safari 禁止用 JS 读取其状态，CSS 中也只允许修改color、background-color等极少数属性 - 如果页面已有全局
a { color: blue; }，再给某个链接加style="color: red"，它只覆盖默认态，:hover仍走全局规则
想统一控制所有状态？别硬塞 style，用 <style></style> 块
在 里加一段简洁的内部样式，比每个链接都写 style 干净得多，也真正可控。
立即学习“前端免费学习笔记（深入）”；
- 顺序必须是
a:link→a:visited→a:hover→a:active，否则:hover可能被:visited拦截 - 示例最小可用配置：
<style> a:link { color: #007bff; } a:visited { color: #6c757d; } a:hover { color: #0056b3; } a:active { color: #004080; } </style> - 如果项目有多个 HTML 文件，这套规则必须抽到外部
styles.css，否则改一处漏十处
真正麻烦的不是怎么写 color，而是忘记 :visited 有安全限制、忽略伪类顺序、或者把内联样式当万能解——这些地方一错，颜色就“看起来没变”。
