Sobes.tech
Middle

Kādi ir & izmantošanas trūkumi preprocesoros?

sobes.tech AI

Atbilde no AI

  • Lasījuma grūtības dziļas iekļaušanas gadījumā.
  • Sarežģītība saprast un labot kodu ar daudziem kontekstiem selektoros.
  • Potenciālas konflikti pārstrukturēšanas laikā, ja nav skaidrs, pie kura vecāku selektora pieder ampersands.
  • & var novest pie pārmērīga stilu skaita elementam, padarot CSS mazāk efektīvu.

Piemērs:

.parent {
  // ...
  .child {
    // ...
    &--modifier { // Konteksts .parent .child--modifier
      // ...
      &-nested { // Konteksts .parent .child--modifier-nested - kļūst mazāk skaidrs
        color: red;
      }
    }
  }
}

Vēl viens piemērs, kā & var slēpt reālo selektoru:

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

Pārstrukturējot, ja maināt .btn, jāatceras mainīt arī -primary. Atsevišķas klases .btn-primary izmantošana var būt skaidrāka un izturīgāka pret izmaiņām.