less

• 变量

@fontsize:12px;

@mySelector: banner;
.@{mySelector} {
  font-weight: bold;
  line-height: 40px;
  margin: 0 auto;
}

• 混入

  .mixin() {
  width:  100%;
  height: 200px;
  }
  .c{
  .mixin();
  }

• 引用父类

  a {
  color: blue;
  &:hover {
    color: green;
  }
  }

  .clearfix {
  display: block;
  zoom: 1;
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  }

• 输出

  .clearfix {
  display: block;
  zoom: 1;
  }
  .clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
  }