base.css 是不是导入到页面中了？

Question

我正在尝试覆盖由 page-down 应用程序和 django-crispy-forms 生成的 class 。但是通过覆盖 class 预期的缩进不起作用。

base.html（最初）

...
<link rel='stylesheet' href='{% static "css/base.css" %}'>
<style>
{% block style %}{% endblock style %}
</style>
{% block head_extra %}{% endblock head_extra %}
...

base.css

h1 {
    color: #777777;
}

post_forms.html

{%extends "base.html" %}
{% load crispy_forms_tags %}
{% block head_extra %}
{{form.media}}
{% endblock head_extra %}
...

通过使用 chrome 中的检查功能，我可以发现导致缩进的 class

<div class="wmd-panel">
</div>

下面给出的代码CSS是自动生成一个

.wmd-panel {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
    min-width: 500px;
}

但是在对 css/base.css 进行更改后，样式中的文件 base.css 中没有名为 wmd-panel 的 class chrome 的选项卡。并且所做的更改不会反映在网页中。

base.css

h1 {
    color: #777777;
}

.wmd-panel{
    margin-right: 0px !important;
    margin-left: 0px !important;
}

这是 chrome 检查样式选项卡

中的预期内容

.wmd-panel {
    margin-left: 0%;
    margin-right: 0%;
}

以上class来自basic.css

Answer 1

您应该清理 chrome 缓存并再次检查。有时它只是不更新代码而您只是查看旧的 CSS 即使您已经对其进行了更改。

Settings>Advanced>ClearBrowsingData>

并删除所有缓存的图像和文件

Answer 2

你有{% load static %}吗？有时你只是忘记了这一点。而且您经常会在设置中错过 STATIC_URL = '/static/'。

base.css 是不是导入到页面中了？

base.css is not get imported into the page?

django

django-staticfiles