Less 仅使用较少样式表的一部分
假设我有一个较少的样式表,其中有很多样式,我想将一些其他样式复制到一个新的样式表中,如下所示: 巨大的样式表。小于:Less 仅使用较少样式表的一部分,less,Less,假设我有一个较少的样式表,其中有很多样式,我想将一些其他样式复制到一个新的样式表中,如下所示: 巨大的样式表。小于: /* blah blah blah for dozens of styles */ .loopy { color: greenyellow } .froopy { .loopy } 小样式表。小于: /* blah blah blah for dozens of styles */ .loopy { color: greenyellow }
/*
blah blah blah for dozens of styles
*/
.loopy {
color: greenyellow
}
.froopy {
.loopy
}
小样式表。小于:
/*
blah blah blah for dozens of styles
*/
.loopy {
color: greenyellow
}
.froopy {
.loopy
}
我是否可以对其进行设置,以便在编译时,tiny-stylesheet.css只定义了.froopy样式,而不是定义了巨型样式表中的所有其他样式。less?更新了答案,只保留了1.5个
现在,您可以在LESS 1.5中导入文件作为引用。所以
@import (reference) "huge-stylesheet";
这使您可以使用大样式表中的任何和所有LESS。LESS,而无需将任何内容输出到小样式表中。LESS
然后,您应该能够按照您最初的意图进行操作:
.froopy {
.loopy;
}
原始答案
是的,通过使用名称空间,“在编译时,tiny-stylesheet.css可能只定义了.froopy样式,而不是其他所有样式”。您可能需要在单独的文件(比如master.less)中设置名称空间,如下所示:
#yourNameSpace() {
your huge code that was in huge-stylesheet
}
然后使用另一个文件生成巨大的样式表。如下图所示:
@import "master";
#yourNameSpace; //call the code to produce the huge sheet
@import "master";
.froopy {
#yourNameSpace > .loopy;
}
并在tiny中使用它,如下所示:
@import "master";
#yourNameSpace; //call the code to produce the huge sheet
@import "master";
.froopy {
#yourNameSpace > .loopy;
}
或者,您可以尝试将代码保留在巨大的工作表中,并在微小的样式表中执行此操作。less(我没有尝试过导入,以了解它是否可以嵌套在块中):
无论哪种方式,它都只会从名称空间中提取代码
.loopy
。tinyLESS文件不会从名称空间代码生成其他最终CSS代码。hmm,为什么不将较小的LESS文件传输到新文件,并包含该文件而不是较大的文件?它不是那么小。在本例中,巨型stylesheet.less实际上是引导。我只想将其中的一些样式复制到一个附加样式表中,这个附加样式表用于网站的某些部分,但不是全部。例如,我可能想复制一些混音,等等,复制到这个文件中。因为样式表是由浏览器控制的,所以我认为最好是在所有地方都包含巨大的样式表。。。