css - “+filter”中的“+”是什么？

Question

本教程展示了一个 CSS 模糊示例

img {
    +filter: blur(30px);
}

然后继续提到“注意：+ 代表供应商前缀”。为什么这里使用加号而不是供应商前缀，例如“-webkit-”？

Answer 1

它是从这个权威教程网站复制的速记。然而，在 HTML5Rocks 上，他们并没有忽略将正确的悬停在那里，说明“请应用相关的供应商前缀”。

因此，+filter确实应该正确地写成：

filter:blur(30px);
-o-filter:blur(30px); /* rather obsolete since Opera switched to Webkit */
-ms-filter:blur(30px);
-moz-filter:blur(30px);
-webkit-filter:blur(30px);

起源是SASS 的 Compass 扩展，它允许这种语法作为供应商特定规则的真正简写。

正如你在这个网站上看到的，但是目前只有 Webkit 支持过滤器。因此，您也可以忽略那些-o-无论如何都不会添加到 Presto 的功能的前缀。