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中得到以下错误