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％}来链接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文件中加载静态文件

2 个答案: