📜  LESS-范围

📅  最后修改于: 2020-10-22 07:06:28             🧑  作者: Mango


 

描述

变量范围指定了可用变量的位置。将从本地范围搜索变量,如果不可用,则编译器将从父范围搜索。

以下示例演示了LESS文件中命名空间和访问器的使用-

Less Scope
      
   
   
   
      

Example using Scope

LESS enables customizable, manageable and reusable style sheet for web site.

现在创建style.less文件。

无样式

@var: @a;
@a: 15px;

.myclass {
   font-size: @var;
   @a:20px;
   color: green;
}

您可以使用以下命令将style.less文件编译为style.css-

lessc style.less style.css

执行以上命令;它将使用以下代码自动创建style.css文件-

style.css

.myclass {
   font-size: 20px;
   color: green;
}

输出

请按照以下步骤查看上面的代码如何工作-

  • 将上面的html代码保存在scope.html文件中。
  • 在浏览器中打开此HTML文件,将显示以下输出。

范围较小