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

Question

我有一个 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 %} 到 link style.css 但是如何在 css 中导入 css ？

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

Answer 1

如果您想在 .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 模板语言。

Answer 2

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

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

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

loading static files inside a css file in Django

html

css

django

django-templates