参考: https://www.jianshu.com/p/bf4330f9f252
.bordered { &.float { float: left; } .top { margin: 5px; } }
& 表示嵌套的上一级
这是sass的语法,代表上一级选择器
解释成CSS代码如下
.bordered.float { float: left; } .bordered .top { margin: 5px; }
.bordered.float 是串联选择器,作用在同一标签上
.bordered .top 是后代选择器,作用在不同标签上