在 Django 中的 css 文件中加载静态文件

Posted 2023-02-24

【中文标题】在 Django 中的 css 文件中加载静态文件

【英文标题】：loading static files inside a css file in Django

【发布时间】：2015-09-11 01:51:54

【问题描述】：

我有一个 css 文件，我想在其中导入另一个 css 文件。 我如何在 Django 中做到这一点？

这是我的 style.css 文件，我想在其中导入 owl.carousel.css。

@import url("owl.carousel.css");

body 
    margin: 0;
    padding: 0;
    color: #34495E;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    background: #fff;

我在我的模板上使用 % load static % 来链接 style.css 但如何在 css 中导入 css ？

<link href="% static "assets/css/style.css" %" rel="stylesheet"> 

【参考方案1】：

您还可以使用 html 样式和脚本标签在静态文件中加载内容。

<style>
    @import url("% static 'path/to/your/file.css')")
</style>

【参考方案2】：

如果您想在.css 中导入.css 文件，您需要像往常一样使用路径。

@import url('/path/to/your/file.css')

如果它们在静态文件夹中：

static/styles/file1.css
static/styles/file2.css

/* in file2.css */
@import url('file1.css')

不能在.css 文件中使用 django 模板语言。