在聚合物中编写CSS变量默认值的新方法

Question

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

旧式

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

新风格

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

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

Answer 1

聚合物1.x的“旧风格”(即var(--a, --b))虽然简洁，但根据CSS变量规范的说法，在技术上是无效的。

聚合物2.0-预览说明表示正确遵守规范的动机是支持本机CSS属性：

下面的无效样式语法以前被1.0自定义属性shim所接受。为了支持本机CSS自定义属性，规则应该正确地只使用本机有效的语法：

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

​