sass hack

Posted 2020-09-10

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了sass hack相关的知识，希望对你有一定的参考价值。

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

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

3..color3{ color:#F00; color/*\**/:#00F \9}/*IE6,IE7,IE8识别*/

4..color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

看到这样的hack兼容，是不是头皮发麻，所以用sass简单书写一个引用

//hack定义属性
@mixin iePro($pro,$value) {
    #{$pro} /*\**/:#{$value}\9;
}
.box {
　　@include iePro(background,red);
}

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

以上是关于sass hack的主要内容，如果未能解决你的问题，请参考以下文章