深井冰_01
深井冰_01
  • 发布:2015-02-10 20:10
  • 更新:2015-02-10 20:10
  • 阅读:3466

使用emmet快速生成css时,如何仅生成需要的浏览器类型

分类:HBuilder

emmet快速生成浏览器兼容数据很方便,但某些情况下,我们可能只需要兼容数据中的一条或两条,该如何做呢?
如在css为div指定transition时,如果直接输入trans按下tab生成如下代码

.div{  
            -webkit-transition: prop time;  
            -moz-transition: prop time;  
            -ms-transition: prop time;  
            -o-transition: prop time;  
            transition: prop time;  
 }

但实际上,我们可能仅需要-webkit和-moz类型的兼容数据
如果你想手工指定想要的前缀,可以这样做 ,先输入一个小横线,然后是前缀的缩写形式
w 表示 webkit 前缀,m 是 moz 前缀,s 是 ms 前缀 .. o 就是 o 前缀
比如我们只想使用 webkit 前缀 输入一个 w ,我们可以继续指定其它的前缀
最后再加上一个小横线 .
然后是属性的缩写-wm-trans然后按下tab
生成结果如下

.div{  
            -webkit-transition: prop time;  
            -moz-transition: prop time;  
            transition: prop time;  
}

感谢网友 @南安 的分享

3 关注 分享
踩着单车载着猪 南安 LOL乌迪尔

要回复文章请先登录注册

深井冰_01

深井冰_01 (作者)

回复 betsey :
你要在css的class区域输入才可以,html区域输入和css区域输入的逻辑是不同的
2015-12-30 17:11
betsey

betsey

为什么在hbuilder上面输入:-wm-trans 出来的是<-wm-trans></-wm-trans>?
2015-12-29 11:30
小云菜

小云菜

可以不去考虑 css在压缩合并的时候使用grunt 或gulp 有一个插件叫autoprefixer
2015-11-14 16:21
踩着单车载着猪

踩着单车载着猪

实用技巧
2015-02-10 20:54