SCSS之所以便利,是因为它具有了编程语言的某些特性。
让原本规则刻板的CSS变的灵活起来,下面介绍一下SCSS中的作用域概念。
几乎所有编程语言都有作用域概念的涉及,原理大同小异,SCSS中的也是如此。
SCSS中,变量具有两种作用域类型:
(1).全局作用域。
(2).局部作用域。
默认情况下,定义在选择器之内的变量为局部变量,定义在选择器之外的为全局变量。
特别说明:如果在选择器中声明了一个变量,那么在此选择器中嵌套的子选择器都可以使用此变量。
全局变量和局部变量也可以是同名的,不过局部变量会覆盖全局变量。
在局部作用域,同名局部变量会覆盖全局变量。