关于CSS预处理器less的使用(未完待续)
简单明了,直接上教程:
下面我们先大体了解些我接下来讲的less的功能特性:
属性
嵌套
混合方法
继承
导入
函数
其他
1、属性
(1)、值变量
@dividerColor:#000;
div{
background: @dividerColor;
}
(2)、选择器变量
@footer: .footer;
@{footer}{
}
(3)、属性变量
@color:color;
div{
@{color}:#000;
}
(4)、url 变量
@images:’…/images’ ;
div{
background:url(’@{images}/img.png’);
}
(5)、声明变量
结构: @name: { 属性: 值 ;};
使用:@name();
@background: {background:red;};
#main{
@background();
}
(6)、变量运算
@width:300px;
@color:#222;
div{
width:@width-20;
height:@width-20*5;
margin:(@width-20)5;
color:@color2;
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/120152637