SASS-daky @extend-de !optional bellik
Selektory giňeltmek bilen, @extend direktiwasy
doly işlemezlik ýagdaýy ýüze çykyp bilýär. Mysal üçin,
aşakdaky kodyňyz bar bolsa:
a.info {
@extend .main;
}
Eger hiç bir selektor .main elementini öz içine almaýan bolsa,
kompilirleme prosesinde ýalňyşlyk ýüze çykar.
Şeýle ýagdaýda biz selektorlaryň yzygiderliligini
birleşdirmeli, bunuň üçin bolsa @extend direktiwasyny ulanyarys.
Şeýle-de, eger .main elementini öz içine alýan selektor
h1.main ýaly bolsa, ýalňyşlyk ýüze çykar,
sebäbi a bilen h1 arasynda çaknyşyk bardyr.
Şonuň üçin, zerur bolsa, siz @extend direktiwasyna
täze selektorlar döredilmezligine rugsat berip bilersiňiz,
bunuň üçin selektordan soň ýazylýan
!optional mejburi däl bellik ulanylýar. Mysal:
a.info {
@extend .main !optional;
}
