较少的CSS分层继承

时间:2014-01-13 10:49:35

标签: css less

在一个项目中,我将CSS分成两个子项目:

  • C:/项目/ _Framework / CSS
  • C:/项目/ _base / CSS

注意:我故意将上面的内容加上C:/Projects/作为前缀,以说明它们是完全独立的项目。

_Framework具有基本功能,如重置,排版,表单和网格。

_Base具有项目的默认主题。 _Base导入_Framework

内部_Base我有header.lessvariables.less等文件,用于存储标题的设计和主题的颜色。

因此,如果我的项目位于:C:/Projects/App

在这个App项目中,我有一个主CSS文件,如下所示:

@import "/_Framework/_loadAll.less
@import "/_Base/_loadAll.less

哪个导入Framework和Base主题(Base不加载框架本身的原因是灵活性,但如果需要,可以用这种方式完成)。

计划是为了使header.less文件中存在_App文件,然后它会自动覆盖_Base中该文件的导入。

关于如何实现这一目标的任何想法?

1 个答案:

答案 0 :(得分:0)

您不能通过检查重复的名称来排除整个.less文件。只需确保header.less项目的_App文件在<{1}}之后导入

伪代码:

_Base

并覆盖@import "/_Framework/_loadAll.less @import "/_Base/_loadAll.less @import "_App/header.less" 文件中所需的任何属性。

如果你需要覆盖_App/header.less文件中的所有内容,我建议它不适合基本风格。