color属性默认可继承，但仅在子元素未显式设置color时生效；一旦设具体值、initial或unset即中断继承；所有HTML元素都可能继承，但实际表现取决于是否渲染文本及是否有更高优先级样式覆盖。
color 属性默认可继承，但继承行为只在子元素未显式设置 color 时生效；一旦子元素写了具体颜色值、initial 或 unset，继承就中断。
哪些元素会继承 color？
所有 HTML 元素都“可能”继承 color，但实际是否表现出来，取决于两点：该元素是否渲染文本内容，以及是否有其他样式覆盖。
-
<p>、<span>、<div>这类常规容器，只要没设color，就会显示父级颜色 -
<a>默认有color: #00f（蓝色），所以即使父级是红色，链接仍为蓝——不是不继承，而是被浏览器 UA 样式覆盖了 -
<input>、<button>等表单控件，多数浏览器默认禁用color继承，需手动加color: inherit才能跟随父级 -
<svg>内的<text>会继承，但<path>的fill不会——除非你用fill: currentColor
currentColor 和继承是什么关系？
currentColor 不是继承指令，而是取当前元素最终计算出的 color 值（不管这值是自己写的、继承来的，还是浏览器默认的黑色）。
- 如果
div设了color: red，其子p没设color→p继承红色 →p的currentColor就是red - 如果
p自己写了color: blue→ 它的currentColor就是blue，哪怕父级是红的 - 如果整条链都没设
color，currentColor回退为rgb(0, 0, 0)（不是透明，也不是 undefined）
为什么有时看起来“没继承”？
最常见的不是继承失效，而是继承被更高优先级规则覆盖了。开发者工具里看 Computed 面板的 color 来源，比猜更可靠。
立即学习“前端免费学习笔记（深入）”；
- 全局重置样式（如
* { color: #333 }）会压过继承值 - ID 选择器（
#header p）权重远高于单纯继承，哪怕它只写了个color: initial -
inherit关键字本身权重为 0，无法对抗任何带选择器的规则 - 使用
unset时要注意：它对color等可继承属性等价于inherit；对不可继承属性（如border）才等价于initial
真正容易被忽略的是：继承值在层叠中优先级最低，它永远排在所有声明之后——哪怕是一条极简的 div p { color: green }，都能把它盖掉。别假设“没写就是继承”，得查 computed 值确认。
