Globale veranderlikes binne selekteerders in SASS
As ons veranderlikes definieer wat
binne selekteerders geleë is, kan ons hulle slegs gebruik
binne die vasgestelde vlak van
inskakeling. As ons egter nodig het dat
'n veranderlike globaal beskikbaar is,
dan voeg ons die etiket !global by sy
waarde.
Kom ons kyk na 'n voorbeeld:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Die resultaat van die samestelling van die gegewe kode sal soos volg wees:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Vertel wat die resultaat van die samestelling van die volgende kode sal wees:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
