一、局部变量
在选择器、函数、混合宏...的外面定义的变量为全局变量
$color:red; //全局变量
.block {
color:$color;
}
div {
$color:pink; //局部变量
a {
color: $color;
}
}
span{
color: $color; //全局变量
}
编译后的css
.block {
color: skyblue;
}
div a {
color: pink;
}
span {
color: skyblue;
}
在元素内部定义的变量不会影响其他元素,可以简单的认为:全局变量就是定义在元素外边的变量,局部变量只会在局部范围内覆盖全局变量
以下 几种情况可以声明新的变量:
- 该值至少重复出现过两次;
- 该值至少会被更新一次;
- 该值所有的表现都与变量有关(非巧合)
如果是一个永远不会被更新或者只在单一地方使用变量,那就没有必须声明变量
网友评论