在一个项目中,我将CSS分成两个子项目:
注意:我故意将上面的内容加上C:/Projects/
作为前缀,以说明它们是完全独立的项目。
_Framework
具有基本功能,如重置,排版,表单和网格。
_Base
具有项目的默认主题。 _Base
导入_Framework
内部_Base
我有header.less
和variables.less
等文件,用于存储标题的设计和主题的颜色。
因此,如果我的项目位于:C:/Projects/App
在这个App项目中,我有一个主CSS文件,如下所示:
@import "/_Framework/_loadAll.less
@import "/_Base/_loadAll.less
哪个导入Framework和Base主题(Base不加载框架本身的原因是灵活性,但如果需要,可以用这种方式完成)。
计划是为了使header.less
文件中存在_App
文件,然后它会自动覆盖_Base
中该文件的导入。
关于如何实现这一目标的任何想法?
答案 0 :(得分:0)
您不能通过检查重复的名称来排除整个.less
文件。只需确保header.less
项目的_App
文件在<{1}}之后导入 。
伪代码:
_Base
并覆盖@import "/_Framework/_loadAll.less
@import "/_Base/_loadAll.less
@import "_App/header.less"
文件中所需的任何属性。
如果你需要覆盖_App/header.less
文件中的所有内容,我建议它不适合基本风格。