SASS'та @extend'деги !optional меткасы

Селекторду кеңейтүүдө, @extend директивасы туура иштебеген ката жолугуу мүмкүн. Мисалы, сизде төмөнкү код болсо:

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

Эгерде бир да селектор .main камтыбаса, анда компиляциялоо учурунда ката кетет. Мындай учурда биз селекторлордун тизмелерин бириктиришибиз керек, ал үчүн биз @extend директивасын колдонобуз.

Ошондой эле, эгерде .main камтыган селектор h1.main болуп калса, анда да ката болот, бул a жана h1 ортосундагы аракеттенүү менен түшүндүрүлөт.

Ошондуктан, керек болсо, сиз @extend директивасына селектордун артына жазылган милдеттүү эместик меткасы !optional жардамы менен жаңы селекторлор түзбөөгө уруксат бере аласыз. Мисалы:

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