css &连接符

&是less、sass的语法，是一种连接符。

.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}

sass语法，等同于：

.el-row {
  margin-bottom: 20px; 
}
.el-row:last-child {
  margin-bottom: 0;
}

另一种用法：

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

等同于：

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

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

标签：el,bottom,float,bordered,连接符,margin,css,row
来源： https://www.cnblogs.com/ZJTL/p/16196147.html