!optional-merkki @extend:ssä SASS:ssa

Laajennettaessa valitsijaa voi törmätä virheeseen, kun @extend-direktiivi ei toiminut oikein. Esimerkiksi, jos sinulla on seuraava koodi:

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

Jos yksikään valitsija ei sisällä .main:ia, kompilointi epäonnistuu virheeseen. Tällöin meidän on yhdistettävä valitsijasekvenssit, mihin käytämme @extend-direktiiviä.

Lisäksi virhe tapahtuu, jos valitsija joka sisältää .main:in on muotoa: h1.main, mikä selittyy ristiriidalla a:n ja h1:n välillä.

Siksi tarvittaessa voit sallia @extend-direktiivin olematta luomatta uusia valitsijoita käyttämällä valinnaisuusmerkintää !optional, kirjoitettuna valitsijan jälkeen. Esimerkiksi:

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