ตัวแปรระดับโลกภายในตัวเลือกใน SASS

หากเรากำหนดตัวแปรซึ่งอยู่ภายในตัวเลือก เราจะสามารถใช้มันได้เฉพาะภายในระดับ การซ้อนที่กำหนดเท่านั้น อย่างไรก็ตาม หากเราต้องการ ให้ตัวแปรสามารถเข้าถึงได้ในระดับโลก เราต้องเพิ่มเครื่องหมาย !global ลงในค่าของมัน ลองดูตัวอย่าง:

div {
	$height: 20px !global;
	height: $height;
}
#navbar {
	height: $height;
}

ผลลัพธ์การคอมไพล์โค้ดที่ให้มา จะเป็นดังนี้:

div {
	height: 20px; 
}
#navbar {
	height: 20px; 
}

บอกหน่อยว่าผลลัพธ์การคอมไพล์ของโค้ดต่อไปนี้ จะเป็นอย่างไร:

#main {
	$font-family: Arial !global;
	font-family: $font-family;
}
#navbar {
	font-family: $font-family;
}