css - 仅为一页导入 LESS 文件

标签 css less

我有主要的 all.less 文件,其中包含所有其他 less 文件

例如

@import "scaffolding.less";
@import "type.less";
@import "code.less";
@import "grid.less";
@import "homepage.less";

所以我的问题是。

是否可以仅在主页中获取“homepage.less”(将其导入all.less)。

请注意,我不想将其直接附加到 html 文件中。

谢谢

最佳答案

在您的主页上使用:

<body class="homepage">

然后在你的 Less 文件中:

.homepage {
  @import "homepage.less";
}

上面仍然将所有代码编译在一个文件中。您编译的 CSS 代码将有更多字节,但您可以为所有页​​面缓存相同的文件。

关于css - 仅为一页导入 LESS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30207921/

相关文章:

javascript - 悬停时的随机CSS动画

javascript - 垂直视差无法使用 Parallax.js

html - Z-index 不按预期工作与图片和背景-div

compiler-errors - 在LESS中编译calc()属性时出现Web Essentials 2013错误

css - 如何从用逗号(,)分隔的css中取出公因数

css - 在不同的分辨率下使用透视和变换会破坏我的网站

css - iPad 横向媒体查询不起作用? (WordPress)

css - 在我的 less 文件中使用 @supports 选择器

css - 如何在没有 CLI 的情况下在 Angular 组件中使用更少

css - LESS CSS 访问元素 NESTED CSS CLASSES