"+过滤器"中的"+"是什么？

Question

本教程显示了一个css blur示例

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的功能的前缀.