-
!important关键字 会为所有混合所带来的样式,添加上!important查看全部
-
避免编译 ~'....' ~"...." 如: width:~'calc(300px-30)'; 那么此时calc(300px-30)就不会由less编译 即: ~'代码';那么此时的代码就不会编译了查看全部
-
@arguments会将所有的参数全部代入查看全部
-
&:代表它的上一层选择器查看全部
-
LESS嵌套规则 less中的嵌套 嵌套越多,匹配次数越多次,所以尽量少嵌套。 .list{ .... li{ .... } a{ &:hover{ color:red } // & 代表上一层选择器,这里的上一层选择器是a } }查看全部
-
匹配模式-定位示例查看全部
-
最后还有一点,为这种.triangle匹配附加共同的CSS样式,语法 .triangle(@_,@width:100px,@color:#ccc){//自定义CSS}; 其中参数固定,参考上面对应的匹配选项查看全部
-
LESS匹配示例——四个方向不同的三角查看全部
-
混合示例查看全部
-
混合-有默认值: 声明方式 .border_radius(@radius:5px){}; 引用方式 .border_radius() 必须带括号或者传一个参数 .border_radius(10px);查看全部
-
带参数的混合查看全部
-
混合: 在一个样式中直接使用另一个样式,那么这种方式就是混合查看全部
-
less中想声明变量一定要用@开头 例如:@变量名:值;查看全部
-
可以在这三个地方编译,在kola里面比较简单,如果很猛的话,可以考虑下面两个查看全部
-
避免编译css3内容诠释查看全部
举报
0/150
提交
取消