在下面的CSS取自
Twitter Bootstrap什么符号(&)字符的意思？
.clearfix {
*zoom: 1;
&:before,&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}
解决方法
这是
LESS，而不是CSS。
此语法允许嵌套嵌套选择器修饰符。
.clearfix {
&:before {
content: '';
}
}
将编译为：
.clearfix:before {
content: '';
}
使用&，嵌套选择器编译为.clearfix：before。没有它，他们编译为.clearfix：之前。
