描述

分离的规则集包含规则集，例如属性，嵌套规则集，变量声明，mixins等。它存储在变量中，并包含在另一个结构中。规则集的所有属性都将复制到该结构。

例

以下示例显示如何在LESS文件中传递规则集以进行混合-

Passing_ruleset.htm

   

   
      

         
Welcome to TutorialsPoint
         
The largest Tutorials Library on the web.
      
   

接下来，创建style.less文件。

无样式

@detached-ruleset: {
   .mixin() {
      font-family: "Comic Sans MS";
      background-color: #AA86EE;
   }
};

.cont {
   @detached-ruleset();
   .mixin();
}

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

lessc style.less style.css

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

style.css

.cont {
   font-family: "Comic Sans MS";
   background-color: #AA86EE;
}

输出

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

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

范围界定

无论调用或定义的规则集如何，分离的规则集中的所有变量和混合表都可用。否则，默认情况下，调用方和定义范围都可用。当两个范围都包含相同的mixin或变量时，声明范围优先。分离的规则集主体在声明范围中定义。将分离的规则集从一个变量复制到另一个变量后，它不会更改其范围。

下表列出了所有类型的作用域-