CSS中伪元素之前的“＆”是什么意思？

在以下从Twitter Bootstrap中获取的CSS符号（＆）是什么意思？

.clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; } &:after { clear: both; } } 

Answer 1

这很less ，而不是CSS。

该语法允许您嵌套嵌套select器修改器。

 .clearfix { &:before { content: ''; } } 

将编译为：

 .clearfix:before { content: ''; } 

用& ，嵌套select器编译为.clearfix:before 。
没有它，他们编译到.clearfix :before 。

Answer 2

嵌套&selectSASS和LESS中的父元素。 这不仅仅是伪元素，它可以用于任何types的select器。

例如

 h1 { &.class { } } 

相当于：

 h1.class { } 

Answer 3

 In SCSS & LESS a { text-decoration: underline; @include padding(15px); display: inline-block; & img { padding-left: 7px; margin-top: -4px; } } is Equal to in CSS : a { text-decoration: underline; @include padding(15px); display: inline-block; } a img { padding-left: 7px; margin-top: -4px; }