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.