.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
overflow: hidden;
clear: both;
}
对应生成的css:
.clearfix {
&:before, &:after{
content: "";
display: table;
}
&:after {
overflow: hidden;
clear: both;
}
}
一般来说,一块代码是一个&,一个&会生成一段代码块;花括号会生成一段代码,假如两个同级的花括号会生成两段代码