دامنه متغیر Sass(Sass Variable Scope)

متغیرهای Sass فقط در سطحی از تودرتو که در آن تعریف شده‌اند در دسترس هستند.


به مثال زیر نگاه کنید:



SCSS Syntax:



$myColor: red;

h1 {

 
$myColor: green;
  color: $myColor;
}

p {
 
color: $myColor;
}


Run مثال »




آیا رنگ متن داخل برچسب <p> قرمز خواهد بود یا سبز؟ قرمز خواهد شد!


تعریف دیگر، $myColor: سبز؛ داخل است
قانون <h1>، و فقط
در آنجا موجود باشد!


بنابراین، خروجی CSS خواهد بود:




CSS Output:



h1 {

  color: green;
}

p {
 
color: red;
}





بسیار خوب، این رفتار پیش‌فرض برای محدوده متغیر است.