“+过滤器”中的“+”是什么？

Question

This tutorial显示了

的css模糊示例

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

然后继续提及＆＃34;注意：+代表供应商前缀＆＃34; 。为什么在这里使用加号代替供应商前缀，例如＆＃34; -webkit - ＆＃34;？

Answer 1

从this authoritative tutorial site复制的速记。在HTML5Rocks上，他们并没有忽略将正确的悬停放在那里，说明＆＃34;请申请相关的供应商前缀＆＃34;。

因此，+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);

原点是Compass extension to SASS，它允许此语法作为供应商特定规则的真实简写。

正如您在this site however上看到的，只有Webkit目前支持过滤器。因此，您也可以忽略不再添加到Presto的功能的-o-前缀。