!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:
a.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:
a.info {
@extend .main !optional;
}
