更少的带有主题的 css答案

【问题标题】：Less css with theme更少的带有主题的 css
【发布时间】：2012-01-14 20:28:46
【问题描述】：

我在我的 CSS 文档中使用了 LESS CSS。该网站有不同的主题。在头部我放了两个 CSS 链接。像这样：

<!-- Theme -->
<link rel="stylesheet/less" type="text/css" href="static/css/themes/brabantzorg.less">

<!-- Global -->
<link rel="stylesheet/less" type="text/css" href="static/css/style.less">

我没有主题文件。我将主题的不同颜色放在主题较少的文件中。我有很多不同的主题文件。

在全局 css 文件中。我把全局css用的更少。

但现在我有一个问题。我在主题 less 文件中放入的变量越少。没有在 style.less 中工作。我怎样才能解决这个问题。你可以在这里看到一个例子：Here

少给的问题：

变量@color-paragraphs 未定义 http://localhost/Regioportals/html/static/css/style.less 第 292 行第 10 列：

【问题讨论】：

标签： html css less

【解决方案1】：

LESS 文件不共享状态。

在处理style.less 时，您在brabantzorg.less 中声明的变量@color-paragraphs 不再可用。

您需要做的是在style.less 中添加@import brabantzorg。

【讨论】：

【解决方案2】：

CSS 从上到下解释所以你必须把主题 css 放在全局的下面

【讨论】：