CSS Color 4 规范中 currentColor 使用值的解析问题

在 CSS 颜色模块 Level 4 规范中，关于 currentColor 关键字的解析行为存在一个需要澄清的技术细节。这个问题涉及到 CSS 继承机制和颜色值的计算过程，对于开发者正确理解和使用 currentColor 有重要意义。

currentColor 的基本行为

currentColor 是 CSS 中的一个特殊颜色值关键字，它表示当前元素的 color 属性值。根据规范，currentColor 在计算值阶段会保留自身，这意味着：

div {
  color: currentColor; /* 计算值仍然是 currentColor */
}

规范中的矛盾点

问题出现在当 currentColor 被继承时的解析逻辑。根据 CSS 层叠和继承规范，继承的值应该是父元素的计算值。如果父元素和子元素都设置了 color: currentColor，按照规范：

1. 父元素的计算值是 currentColor
2. 子元素继承父元素的计算值，即 currentColor
3. 在 color 属性中使用时，currentColor 的"使用值"应该是其继承值

这就形成了一个无限递归：子元素的 currentColor 需要解析为父元素的 currentColor，而父元素的 currentColor 又需要解析为祖父元素的 currentColor...

浏览器的实际实现

实际上，主流浏览器并没有严格按照规范实现这一行为。浏览器在实践中会继承父元素的"使用值"而非"计算值"。这意味着：

<div style="color: red">
  <div style="color: currentColor"> <!-- 实际显示为红色 -->
    <div style="color: currentColor"> <!-- 实际显示为红色 -->
    </div>
  </div>
</div>

这种实现方式避免了无限递归问题，也更符合开发者的预期。

颜色函数中的 currentColor

当 currentColor 出现在 color-mix 等颜色函数中时，情况会更加复杂。例如：

div {
  color: color-mix(in srgb, currentColor, white);
}

在这种情况下，浏览器需要先解析 currentColor 为具体的颜色值，才能进行混合计算。按照规范的字面解释，这种场景也会遇到类似的递归解析问题。

规范修正建议

为了解决这个问题，规范需要明确：

1. currentColor 在 color 属性中的使用值应该是其继承值的"解析结果"，而非直接继承值
2. 定义明确的解析顺序，确保 currentColor 能够最终解析为具体的颜色值
3. 对于颜色函数中的 currentColor，需要先解析为具体颜色值再进行计算

这种修正将保持与浏览器现有行为的一致性，同时提供明确的规范指导。