Directiva !optional în @extend în SASS
La extinderea unui selector poți întâlni
o eroare atunci când directiva @extend
nu a funcționat corect. De exemplu,
dacă ai următorul cod:
a.info {
@extend .main;
}
Dacă niciun selector nu va conține .main,
la compilare va apărea o eroare.
În acest caz, trebuie să combinăm
secvențele de selectori,
pentru care folosim directiva @extend.
În plus, va fi o eroare dacă selectorul
care conține .main este de genul:
h1.main, ceea ce se explică prin conflictul
dintre a și h1.
Prin urmare, dacă este necesar, poți
permite directivei @extend să nu creeze
selectori noi cu ajutorul directivei de optionalitate
!optional, scrisă după selector. De exemplu:
a.info {
@extend .main !optional;
}
