|<- [[Using the @extend method]]|[[Using comments and hidden comments]] ->|

& est un sélecteur spécial désignant le parent de l'élément

<code>
.item {
  background: white;
  &:hover {
    background: red;
  }
}
</code>

<code>
@mixin clearfix {
  &:before,
  &:after {
    content:'';
    display: table;
  }
  &:after {
    clear:both;
  }
}

.item {
  @include clearfix;
}
</code>

Contextual class

<code>
.item {
  #abc & { // #abc .item {}
    color: red;
  }
}
</code>