Preprocessorlarda (&) ishlatishning kamchiliklari qanday?

• Chuqurlikda o'qilishi qiyinlashishi.
• Selektorlar ichidagi ko'p kontekstlar bilan kodni tushunish va debugging qilish murakkabligi.
• Agar ampersand qaysi ota selektoriga tegishli ekanligi aniq bo'lmasa, refaktor qilishda potentsial nizolar.
• & element uchun ortiqcha uslublarga olib kelishi mumkin, bu CSS ni kamroq samarali qiladi.

Misol:

.parent {
  // ...
  .child {
    // ...
    &--modifier { // Kontekst .parent .child--modifier
      // ...
      &-nested { // Kontekst .parent .child--modifier-nested - kamroq aniq bo'ladi
        color: red;
      }
    }
  }
}

Boshqa misolda, & haqiqiy selektorni qanday yashirishi mumkinligini ko'rish mumkin:

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

Refaktor qilishda, agar .btn ni o'zgartirsangiz, -primary ni ham o'zgartirishni unutmang. Alohida .btn-primary sinfidan foydalanish yanada aniq va o'zgarishlarga chidamli bo'lishi mumkin.