Preprosessorlarda (&) istifadə etmənin mənfi cəhətləri hansılardır?

• Dərin yerləşdirmə zamanı oxunaqlığın pisləşməsi.
• Seçicilər daxilində çoxsaylı kontekstlərlə kodun anlaşılması və səhv tapmanın çətinləşməsi.
• Əgər ampersandın hansı valideyn seçiciyə aid olduğu aydın deyilsə, refaktor zamanı potensial münaqişələr.
• & element üçün çoxsaylı stilərin yaranmasına səbəb ola bilər, bu da CSS-in daha az effektiv olmasına gətirib çıxarır.

Nümunə:

.parent {
  // ...
  .child {
    // ...
    &--modifier { // Kontekst .parent .child--modifier
      // ...
      &-nested { // Kontekst .parent .child--modifier-nested - daha az aydın olur
        color: red;
      }
    }
  }
}

Başqa bir nümunədə, &-nin real seçicini necə gizlədə biləcəyini görə bilərsiniz:

.btn {
  // ...
  &-primary { // .btn-primary ilə uyğun gəlir
    background-color: blue;
  }
}

Refaktor zamanı, .btn-i yenidən adlandırırsınızsa, -primary-i də dəyişdirməyi unutmayın. Ayrı bir sinif .btn-primary istifadə etmək daha aydın və dəyişikliklərə davamlı ola bilər.