Preprocessor-ებში (&) გამოყენების უარყოფითი მხარეები რა არის?

• ღრმა ჩაშენებისას წაკითხულობის გაუარესება.
• კოდის გაგება და დათვალიერების სირთულე მრავალ კონტექსტში სელექტორების შიგნით.
• პოტენციური კონფლიქტები რეფაქტორირების დროს, თუ არ არის ნათელი, რომელ მშობელ სელექტორზე მიეკუთვნება ამპერსანდი.
• & შეიძლება გამოიწვიოს ელემენტისთვის ზედმეტი სტილების რაოდენობა, რაც CSS-ს ნაკლებად ეფექტურს ხდის.

მაგალითი:

.parent {
  // ...
  .child {
    // ...
    &--modifier { // კონტექსტი .parent .child--modifier
      // ...
      &-nested { // კონტექსტი .parent .child--modifier-nested - ნაკლებად ნათელი ხდება
        color: red;
      }
    }
  }
}

სხვა მაგალითში, როგორ შეუძლია &-მა დამალოს რეალური სელექტორი:

.btn {
  // ...
  &-primary { // შეესაბამება .btn-primary-ს
    background-color: blue;
  }
}

რეფაქტორირების დროს, თუ შეცვლით .btn-ს, უნდა გახსოვდეთ, რომ შეცვალოთ -primary-ც. ცალკე კლასი .btn-primary შეიძლება იყოს უფრო ნათელი და მდგრადი ცვლილებების მიმართ.