Que signifie un “&” devant un pseudo-élément dans CSS?

Dans le CSS suivant extrait de Twitter Bootstrap, que signifie le caractère esperluette (&)?

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

C’est MOINS , pas CSS.

Cette syntaxe vous permet d’imbriquer des modificateurs de sélecteur de nid.

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

Comstackr à:

 .clearfix:before { content: ''; } 

Avec le & , les sélecteurs nesteds se comstacknt en .clearfix:before .
Sans elle, ils comstacknt en .clearfix :before .

Un nested & sélectionne l’élément parent à la fois dans SASS et LESS. Ce n’est pas seulement pour les pseudo-éléments, il peut être utilisé avec tout type de sélecteur.

par exemple

 h1 { &.class { } } 

est équivalent à:

 h1.class { } 
 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; }