less基本用法：持续归纳中

todo

1,嵌套语法：https://www.w3cschool.cn/less/nested_directives_bubbling.html

简单来说就是可以与html一样去写css，并且会继承其优先级

2，less扩展：extend（注意不可用于嵌套中）

h2 {
  &:extend(.style);
  font-style: italic;
}
.style {
  background: green;
}

等同于

h2 {
  font-style: italic;
}
.style,
h2 {
  background: green;
}

3，less混合：（与扩展类似）可用于嵌套中

.p1{
  color:red;
}
.p2{
  background : #64d9c0;
  .p1();
}
.p3{
   background : #DAA520;
  .p1;
}

等同于

.p1 {
  color: red;
}
.p2 {
  background: #64d9c0;
  color: red;
}
.p3 {
  background: #DAA520;
  color: red;
}

 

转载于:https://www.cnblogs.com/wangtong111/p/11561814.html