Koje su mane korišćenja ampersanda (&) u preprocesorima?

• Pogoršanje čitljivosti pri dubokoj ugnježdenosti.
• Složenost u razumevanju i otklanjanju grešaka u kodu sa više konteksta unutar selektora.
• Potencijalni konflikti prilikom refaktorisanja ako nije jasno na koji roditeljski selektor pripada ampersand.
• & može dovesti do prekomernog broja stilova za element, čime CSS postaje manje efikasan.

Primer:

.parent {
  // ...
  .child {
    // ...
    &--modifier { // Kontekst .parent .child--modifier
      // ...
      &-nested { // Kontekst .parent .child--modifier-nested - postaje manje jasno
        color: red;
      }
    }
  }
}

U drugom primeru, može se videti kako & može sakriti pravi selektor:

.btn {
  // ...
  &-primary { // Odgovara .btn-primary
    background-color: blue;
  }
}

Prilikom refaktorisanja, ako preimenujete .btn, morate zapamtiti da promenite i -primary. Korišćenje zasebne klase .btn-primary može biti jasnije i otpornije na promene.