:hover 伪类可直接改变文字颜色，无需下划线或改类名；关键在于选择器结构正确（如 a:hover），避免被其他样式覆盖、继承透明色或优先级不足，并注意移动端不支持及高对比度模式下的失效问题。
hover 时改颜色，直接用 :hover 配合 color
不用加下划线、不用改类名，:hover 伪类本身就能触发样式变化。关键不是“怎么结合”，而是“别写错选择器结构”——常见错误是把 :hover 写在标签外、或漏掉冒号、或嵌套层级不对。
-
:hover必须紧跟在要响应悬停的元素选择器后面，比如a:hover、.btn:hover、button:hover - 不要写成
a :hover（中间有空格 → 变成后代选择器，不生效） - 如果目标是文字链接，记得检查是否被
a:visited或a:link的优先级覆盖
为什么改了 color 没反应？常见干扰项
最常踩的坑不是语法错，而是样式被其他规则压住，或者颜色值本身不可见。
- 检查是否用了简写属性（如
all: unset或inherit）清掉了默认文本色 - 确认父容器没设
color: transparent或opacity: 0，子元素继承后 hover 也透明 -
浏览器开发者工具里看 computed 样式，确认
:hover规则真的被应用了，且没被 strikethrough（划掉） - 某些 UI 框架（如 Bootstrap）对
a标签预设了:hover，你得提高自己样式的优先级，比如加!important（临时调试可用），或用更具体的选择器：.nav-link:hover而非a:hover
支持渐变色或过渡动画吗？color 本身可过渡，但有限制
color 是 CSS 中少数原生支持过渡的属性之一，但仅限于颜色关键词、十六进制、rgb/rgba、hsl/hsla 这些可插值格式。不能过渡到 transparent（部分旧版 Safari 不支持）、也不能过渡到系统色（如 CanvasText）。
