Less – 分离的规则集

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

分离规则集是存储在变量中的一组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;不加括号不会工作。



浙ICP备17015664号 浙公网安备 33011002012336号 联系我们 网站地图  
@2019 qikegu.com 版权所有,禁止转载