.bordered {
&.float {
float: left;
}
.top {
margin: 5px;
}
}
代表
.bordered.float {
float: left;
}
.bordered .top {
margin: 5px;
}
.bordered.float 是串联选择器,作用在同一标签上
.bordered .top 是后代选择器,作用在不同标签上
串联选择器
主要目的为了限制作用域,作用在同一元素上
后代选择器
主要目的为了限制作用域,作用在不同元素上