Etiketa !optional në @extend në SASS
Gjatë zgjerimit të selektorit mund të ndeshni
me një gabim, kur direktiva @extend
nuk funksionoi si duhet. Për shembull,
nëse keni kodin e mëposhtëm:
a.info {
@extend .main;
}
Nëse asnjë selektor nuk do të përmbajë .main,
atëherë gjatë përpilimit do të ndodhë një gabim.
Në këtë rast, ne duhet të kombinojmë
sekuencat e selektorëve,
për të cilat ne përdorim direktivën @extend.
Përveç kësaj, do të ketë gabim nëse selektori
që përmban .main do të jetë i tillë:
h1.main, gjë që shpjegohet me konfliktin
midis a dhe h1.
Prandaj, nëse është e nevojshme, mund të
lejoni që direktiva @extend të mos krijojë
selektorë të rinj duke përdorur etiketën e opcionalitetit
!optional, të shkruar pas selektorit. Për shembull:
a.info {
@extend .main !optional;
}
