Sass &

Il selettore amperstand (&) è una convenzione Sass che significa “questo elemento”. Quando questo codice viene compilato, Sass sostituisce tutti i simboli & con il selettore attuale.

Se non esiste un selettore padre, il valore di & è nullo: ciò significa che si può usare in un mixin per applicare delle regole se l’elemento non ha parents.

@mixin does-parent-exist {
  @if & {
    &:hover {
      color: red;
    }
  } @else {
    a {
      color: red;
    }
  }
}