LESS 引用不会修改分离的规则集范围
LESS 引用不会修改分离的规则集范围
通过引用，规则集不会获得对任何新范围的访问。
例子
<!--passing_ruleset.htm--> <!doctype html> <head> <link rel = "stylesheet" href = "style.css" type = "text/css" /> </head> <body> <div class = "cont"> <h2>Welcome to TutorialsPoint</h2> <h3>The largest Tutorials Library on the web.</h3> </div> </body> </html>
创建style.less 文件.
/*style.less*/
@detached1: {
font-size: @first @second;
};
.first {
@first: 25px;
.second {
@detached2: @detached1;
@second: 30px;
}
}
.cont {
.first > .second();
@detached2();
}使用下面命令编译less文件
lessc style.less style.css
执行上述命令,您将在cmd中得到以下错误
