如何在LESS中定义变量的作用域?

3 min read

在LESS中,可以使用"scoped variables"或"local variables"来定义变量上下文中的范围。

在一个选择器中声明变量时,该变量只能在该选择器及其子选择器中使用。例如:

#outer {
   @var: blue;
   #inner {
      background-color: @var; // Only works within #inner
   }
}

在单独的规则块中声明变量时,该变量只能在当前规则块中使用。例如:

.foo {
   {
      @var: red; // Only works within this rule block
      color: @var;
   }
}

无论是使用"scoped variables"还是"local variables",都可以帮助限制变量的作用范围,使得代码更易于维护和理解。