less

less

变量

@mycolor:pink;

div{
    color: @mycolor;
}

编译

less嵌套

#header .logo {
  width: 300px;
}

#header {
    .logo {
       width: 300px;
    }
}

如果遇见 （交集|伪类|伪元素选择器） ，利用&进行连接

a:hover{
    color:red;
}
a{
  &:hover{
      color:red;
  }
}

less运算