css里的&符號是代表什么意思呢？

.bordered.float 是串聯選擇器，作用在同一標簽上
.bordered .top 是后代選擇器，作用在不同標簽上

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

等同於

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