css里的&符号

.bordered {
  &.float {
    float: left; 
  }
  .top {
    margin: 5px; 
  }
}

代表

    .bordered.float {
      float: left; 
    }
    .bordered .top {
      margin: 5px;
    }

.bordered.float 是串联选择器，作用在同一标签上

.bordered .top 是后代选择器，作用在不同标签上

串联选择器
主要目的为了限制作用域，作用在同一元素上
后代选择器
主要目的为了限制作用域，作用在不同元素上