/*伪类嵌套*/
.clearfix{
 &:before,
 &:after{
   content:"";
   display: table;
 }
 &:after {
   clear:both;
   overflow: hidden;
 }
}
/*类嵌套？或者属性嵌套*/
.clearfix{
 :before,:after{
   content:'';
   display: table-cell;
 }
 :after{
   clear:left;
   overflow: scroll;
 }
}

预处理的结构输出一样，&有什么作用？为什么要用&