a标签默认颜色需显式设置color才能修改，否则:hover等伪类无效；:visited仅支持有限属性；伪类必须按LVHA顺序声明。
链接默认颜色怎么改，a 标签必须设 color
不显式设置 a 的 color，浏览器会用自带的蓝色（或用户代理样式），哪怕你只写了 :hover 也没用——因为未访问状态的优先级更高，且没定义。必须先覆盖默认。
- 直接写
a { color: #333; }，否则其他伪类都白搭 - 如果用了 CSS Reset 或 Normalize，检查它们是否重置了
a的color（比如设成inherit） - 避免用
!important硬顶，优先靠选择器权重解决，比如nav a比单独a权重高
:visited 为什么改不了颜色，或者只能用有限的属性
出于隐私保护，现代浏览器限制了 :visited 可修改的 CSS 属性：仅 color、background-color、border-color（及带 color 的简写如 border）、outline-color，且不能读取计算值。试图设 font-size 或 display 会被忽略。
-
:visited { color: purple; }✅ 有效 -
:visited { opacity: 0.8; }❌ 完全无效，连 warning 都不报 - 不要指望靠
:visited做复杂样式切换，它本质是个“降级通道”
鼠标悬停和点击反馈要分清 :hover 与 :active 的触发时机
:hover 是移入即生效，:active 是鼠标按下瞬间触发（即使没松开），松开后立刻退出。两者常被混用，但行为完全不同。
-
:hover适合视觉提示，比如变色、下划线；:active适合模拟“按下去”的瞬时反馈，比如颜色变深、位移 - 移动端没有
:hover（除非伪 hover），但:active在触摸开始时仍会触发 - 别把
:active当作“已点击”状态——它不是，:visited才是记录访问过的唯一可靠方式 - 示例：
a:hover { color: #0066cc; } a:active { color: #004488; }
伪类顺序错了，颜色就“不生效”，必须按 LVHA 写
CSS 伪类有固定叠层顺序：:link → :visited → :hover → :active（LVHA）。顺序错，后面的状态会被前面的覆盖。
- 错误写法：
a:hover { color: red; } a:link { color: blue; }——:link后写，权重相同下会盖掉:hover - 正确写法：
a:link { color: blue; } a:visited { color: purple; } a:hover { color: red; } a:active { color: orange; } - 如果用了
class，比如.nav-link:hover，它天然比a:hover权重高，可跳过 LVHA 限制，但建议仍保持逻辑顺序，方便维护
实际项目里最容易漏的是 :link 显式声明，以及对 :visited 能力的误判——它真不能帮你做状态管理，只是个视觉补丁。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
