css - 为什么在css中添加多个变换时没有逗号

Question

如果我们想要两张背景图片，我们写:

background-image: url("img_tree.gif"), url("paper.gif"); // There's a comma between them!

但是为了使用我们编写的两个转换:

transform: rotate(90deg) skew(20deg); // No comma between them!

多个变换之间没有逗号？许多其他 css 属性使用逗号来指示一个属性中的多个参数。

Answer 1

这实际上是一个很好的观察。对这些人说这只是因为感到羞耻。该规范不是像 10 条诫命那样的某种神奇的平板电脑，它只是出现了。社区的几个成员(由 W3 调解)对它进行了广泛的辩论，直到达成某种共识。然后开发人员(我想主要是浏览器开发人员)将采用规范并实现。有趣的是辩论是公开的。因此，您不仅可以通过对即将发布的规范发表意见来参与，还可以回头搜索并找出导致达成共识的所有论点:https://lists.w3.org/Archives/Public/www-style/2004Oct/

我没有阅读整个讨论，但我可以想象没有逗号的实现会更难且更不可预测，因为每个背景都有一组属性。因此，例如，在背景速记上，不可能说出一个背景声明从哪里开始，另一个背景声明在哪里结束，因为没有必需的属性。比如 background: red url(img.png);。那是一个还是两个？这绝对是两个:background: red, url(img.png);

这正是我脑海中浮现的，但是如果你深入讨论你会发现有各种各样的考虑因素，比如对其他 API 的影响，比如 js，向后兼容性等