LESS 导入选项参考关键字.pdfVIP

LESS 导⼊选项参考关键字 描述 @import(reference)⽤于导⼊外部⽂件，但不会将导⼊的样式添加到编译的CSS⽂件 中。 这是在版本1.5.0 中发布的。 例⼦ 以 ⽰例演⽰了在LESS⽂件中使⽤reference关键字： html head link rel=stylesheet href=style.css type=text/css / titleImport Options Reference/title /head body h1Welcome to utorialspoint/h1 pLESS is a CSS pre-processor that enables customizable, manageab /body /html 接 来，创建⽂件 style .less 。 风格 @import (reference) //www ./statics/demosource/import_ p { .style1; } import_reference .less⽂件将 从//www .w3cschool .cn/statics/demosource/import_reference .less导⼊到style .less 。以 代 码： import_reference.less .style1 { color: #A0A0A0; font-family : Comic Sans MS; font-size: 20px; } 您可以使⽤以 命令将 style .less 编译为 style .css ： lessc style.less style.css 接 来执⾏上⾯的命令，它将⽤ ⾯的代码⾃动创建 style .css ⽂件： style.css p { color: #A0A0A0; font-family : Comic Sans MS; font-size: 20px; } 输出 让我们执⾏以 步骤，看看上⾯的代码如何⼯作： 在 import_options_reference.html ⽂件中保存上⾯的html代码。 在浏览器中打开此H ML⽂件，将显⽰如 输出。 W3Cschool （ ）最⼤的技术知识分享与学习 台 此篇内容来⾃于 ⽹站⽤户上传并发布。