css - 在 Polymer 中编写 CSS 变量默认值的新方法

Question

为什么 Polymer 团队改变了他们在 Polymer 元素中定义默认 CSS 变量值的方式？下面是一个例子：

老式

color: var(--my-value,--default-value);

新风格

color: var(--my-value,var(--default-value));

自定义 CSS 变量是否有任何新规范？它有什么优势吗？还是完全是其他原因？

Answer 1

Polymer 1.x 中的“旧样式”（即var(--a, --b)）虽然简洁，但根据CSS 变量规范在技术上是无效的。

Polymer 2.0 预览版说明表明正确符合规范的动机是支持原生 CSS 属性：

1.0 自定义属性 shim 之前接受了以下无效样式语法。为了支持原生 CSS 自定义属性，规则应该是正确的，只能使用原生有效的语法：

• ...
• var(--a, --b)
  • 应该var(--a, var(--b))