📜  LESS-命名空间和访问器

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


 

描述

命名空间用于按通用名称对混合包进行分组。使用名称空间,可以避免名称冲突,并从外部封装一组混合。

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

Less Namespaces and Accessors
      
   
   
   
      

Example using Namespaces and Accessors

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

现在创建style.less文件。

无样式

.class1 {
   .class2 {
      .val(@param) {
         font-size: @param;
         color:green;
      }
   }
}

.myclass {
   .class1 > .class2 > .val(20px);
}

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

lessc style.less style.css

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

style.css

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

输出

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

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

范围较小