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:

style.scssa.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:

style.scssa.info {
  @extend .main !optional;
}