1. 公共属性 :
定义变量: @变量名:变量值
使用变量: 属性:@变量名
2.嵌套
.container{
.row{
div{
/* *** */
}
}
}
3.&
&
运算符表示嵌套规则的父选择器,在修改类或伪类时常用;
3.1交集选择器:
/*css语法*/
li.active{
color:#666;
}
/* less语法 */
li{
&.active{
color:#666;
}
}
3.2 伪类
/* css语法 */
a:hover{
color:#ccc;
}
/* less语法 */
a{
&:hover{
color:#ccc;
}
}
3.3 伪元素
/* css语法 */
div::before{
content:"";
}
/* less语法 */
div{
&::before{
content:"";
}
}
3.4 兄弟选择器
div{
&+div{
/* *** */
}
&~div{
/* *** */
}
}