通過僅給出引用,規(guī)則集不訪問任何新的范圍。
下面的例子演示使用給引用將不會(huì)修改LESS文件中的分離規(guī)則集范圍:
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div class="cont"> <h2>Welcome to W3Cschool</h2> <h3>The largest Tutorials Library on the web.</h3> </div> </body> </html>
接下來,創(chuàng)建文件 style.less
@detached1: { font-size: @first @second; }; .first { @first: 25px; .second { @detached2: @detached1; @second: 30px; } } .cont { .first > .second(); @detached2(); }
您可以使用以下命令將 style.less 文件編譯為 style.css :
lessc style.less style.css
接下來執(zhí)行上面的命令,你會(huì)在cmd中得到以下錯(cuò)誤:
更多建議: