嵌套规则:将父元素提取放在最外层
&放在选择器之前表示选择所有父元素的组合
&放在选择器之后所有父元素组合在当前元素之后
如:
.a{
.b{
.c &{
color: #eee;//生成.c .a .b{ color: #eee;}
}
}
}
.a{
.b{
&.c{
color: #eee;//生成.a .b .c{ color: #eee;}
}
}
}
运算:任何颜色(先转为rgb再进行运算,不能使用red等颜色名称,应先转为十六进制)、变量、数值都可以进行运算,less会自动推断单位,运算符与值之间必须以空格分开,涉及优先级时用()
函数:常见函数rbg(),blue()接受一个十六进制的参数,提取出蓝色的值
命名空间:.类名>.特定类名也可以是.类名 空格 .特定类名
.myColor(){
.a{
background: pink;
&:hover{
background: palevioletred;
}
}
.b{
background: greenyellow;
&:hover{
background: green;
}
}
}
.bg{
.myColor > .b;//只编译.b
}