码迷,mamicode.com
首页 > 其他好文 > 详细

sass hack

时间:2017-04-13 15:14:23      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:ie6   clu   color   val   识别   box   引用   back   hack   

1..color1color:#F00; color/*\**/:#00F /*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/

2..color2color:#F00; color /*\**/:#00F /*\9**/}/*IE7,IE8,FF,OP,SA识别*/

3..color3color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/
4..color4color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
看到这样的hack兼容,是不是头皮发麻,所以用sass简单书写一个引用 
//hack定义属性
@mixin iePro($pro,$value) {
    #{$pro} /*\**/:#{$value}\9;
}
.box {
  @include iePro(background,red);
}

这样子,就清晰明了很多。

sass hack

标签:ie6   clu   color   val   识别   box   引用   back   hack   

原文地址:http://www.cnblogs.com/liangcheng11/p/6703943.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!