Pembolehubah Global di Dalam Pemilih dalam SASS
Jika kita menentukan pembolehubah yang terletak
di dalam pemilih, maka kita hanya boleh menggunakannya
dalam lingkungan tahap bersarang yang ditentukan.
Walau bagaimanapun, jika kita perlu
supaya pembolehubah boleh diakses
secara global, maka kita tambahkan penanda
!global kepada nilainya.
Mari kita lihat contoh:
div {
$height: 20px !global;
height: $height;
}
#navbar {
height: $height;
}
Hasil kompilasi kod yang diberikan adalah seperti berikut:
div {
height: 20px;
}
#navbar {
height: 20px;
}
Beritahu, apakah hasil kompilasi kod berikut:
#main {
$font-family: Arial !global;
font-family: $font-family;
}
#navbar {
font-family: $font-family;
}
