Less学习笔记9：避免编译

避免编译

有时候需要输出一些不正确的CSS愈发或者使用一些LESS不认识的专有语法。

要在输出这样的值，我们可以在字符串前加上一个～

例如：width：～'calc(100%-35)'
有这样一个样式：
//避免编译

.test_03{
    width: 300px;
}

假设有一个宽度的计算：

.test_03{
    width: calc(300px - 30px);
}

通过编译后的test_03为：

.test_03{
    width: calc(270px);
}

但是这个让浏览器去计算,而是不LESS本身去计算,
此时应该加上～单引号或者双引号，

.test_03{
    width: ~'calc(300px - 30px)';
}

此时通过编译生成的CSS为：

.test_03{
    width: calc(300px - 30px);
}

!importamt关键字(优先级最高)

!importamt关键字会为所有混合所带来的样式，添加上!importamt

<div class='box'></div>

.box{
    width:300px;
    height: 300px;
}

使用：

.test_03{
    .box!importamt;
}

编译后的CSS

扫描二维码关注公众号，回复： 4404196 查看本文章

.test_03{
    width:300px !important;
    height: 300px !important;
}

会为所有的样式加上!important;

更多的资料：
Less 中文网：http://lesscss.cn/;