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

【问题标题】：New way to write CSS variable defaults in Polymer在 Polymer 中编写 CSS 变量默认值的新方法
【发布时间】：2017-04-04 23:01:33
【问题描述】：

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

旧式

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

新风格

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

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

【问题讨论】：

【解决方案1】：

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

Polymer 2.0-preview notes 表明正确符合规范的动机是支持原生 CSS 属性：

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

...

var(--a, --b)

应该是var(--a, var(--b))

【讨论】：