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 классын колдонуу так жана өзгөрүүлөргө туруктуу болушу мүмкүн.