color属性支持transition，但仅当起止值均为可解析为RGB或HSL的明确颜色时才能平滑过渡；currentcolor、inherit等不可插值，会导致立即生效或失效。
color 属性本身支持 transition 吗？
支持，但有前提：只有当起始色和结束色都是可解析为 RGB 或 HSL 的明确颜色值时，color 才能平滑过渡。像 currentcolor、inherit、transparent（虽是颜色值，但部分浏览器早期不支持其参与插值）或未定义的自定义属性值，会导致过渡立即生效或完全失效。
transition: color 0.3s 是最简写法，但要注意什么？
必须确保触发时机正确——color 变化得由用户交互（如 :hover）、JS 修改 class 或内联样式等方式显式触发，不能依赖 CSS 自动重绘。常见错误包括：
- 忘记给元素设置初始
color值（比如父级设了 color，子元素没显式声明，transition 不会捕获继承值的变化） - 在
:hover中只改了background-color却误以为会影响color过渡 - 使用了
transition: all 0.3s却没意识到它可能拖慢性能，尤其在频繁重排的场景下
推荐写法：transition: color 0.3s ease-in-out; —— 明确限定属性，避免意外过渡。
如何让文字颜色在两种色值间平滑渐变？
直接用 color + transition 即可，无需额外 hack。示例：
立即学习“前端免费学习笔记（深入）”；
