Question

所以我的应用程序具有以下结构：base.html，其中包含导航和指向样式表的链接以及home.html文件，后者通过extends加载导航。但是，我无法真正修改home.html文件中的css，有什么建议错了吗？

base.html文件：

{% load staticfiles %}
<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">

  <title>App</title>
  <link rel="shortcut icon" href="{% static 'img/favicon.png' %}">
  <link rel="stylesheet" href="{% static 'css/app.css' %}">


...## navbar etc.



 <div id="body">
        <div class="container">
          {% block page %}
          {% endblock %}

        </div>
      </div>

home.html的：

{% extends 'base.html' %}


{% load staticfiles %}

{% block page %}



  <div class="row">
    <div class="col-md-12">
      <img src="{% static 'img/banner.gif'%}" class="banner">
    </div>

{% endblock %}

正如您在base.html文件中看到的那样，我通过静态方法加载app.css文件。

但是，更改例如home.html中的横幅类根本不起作用：

#body .banner {
  width: 100%;
  margin-bottom: 150px;
}

终端/控制台没有错误。 app.css文件顺便适用于base.html。

Answer 1

尝试ctrl + F5，在django中你必须在更改静态文件后重新加载你的缓存。

Django静态css没有加载？

1 个答案: