Less – 分离的规则集

2019年5月10日

意见反馈

可以把一组规则集分离出来，存储到一个变量中。

分离规则集是存储在变量中的一组css属性、嵌套规则集、媒体声明或任何其他内容。您可以将它包含到规则集或其他结构中，它的所有属性都将被复制过来。您还可以将其用作mixin参数，或者像任何普通变量那样传递。

less代码：

// declare detached ruleset
@detached-ruleset: { background: red; }; // semi-colon is optional in 3.5.0+

// use detached ruleset
.top {
    @detached-ruleset(); 
}

css输出:

.top {
  background: red;
}

分离规则集后的括号是强制性的(除非后面跟着一个查找值)。调用@detached-ruleset;不加括号不会工作。