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

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

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

等同于

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