Less动态样式语言IE兼容性Hack写法

项目中需要兼容IE浏览器，万般无赖，怎么办，客户的需求，默默搬起代码。

常见的IE hack写法

• 第一种

    .box{
        margin-top:10px;
        *margin-top:0;
    }

注：这里只能用*，+在less中是不支持编译的，下面是Less的官方说明

These characters are not encoded: , /, ?, @, &, +, ', ~, ! and $.
Most common encoded characters are: <space>, #, ^, (, ), {, }, |, :, >, <, ;, ], [ and =.

• 第二种

    @hack:~'/9'; //IE 7-8

    .box{
        margin-top:10px;
        margin-top:0@hack;
    }

注：~为了避免less编译，可以采用：@hack:\9

• 第三种

    @hack:~"+"; 
    .box{
        margin-top:10px;
        @{hack}margin-top: 0;
    }

• 第四种

    <!--  致敬 IE11 -->
    {
        .box{
            margin-top:10px;
        }
        *::-ms-backdrop, .box {
            margin-top:0;
        }
    }

详情参阅：https://blog.yayuanzi.com/24594.html