base.css не импортируется на страницу? - PullRequest
Новая
       6

base.css не импортируется на страницу?

0 голосов
/ 07 января 2019

Я пытаюсь переопределить класс, сгенерированный приложением на странице и django-crispy-forms. Но отступ, ожидаемый через переопределенный класс, не работает.

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, я могу определить класс, который вызывает отступ 

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

Код CSS, указанный ниже, автоматически генерируется один 

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

Но после внесения изменений в css / base.css на вкладке стилей в chrome не осталось класса с именем wmd-panel из файла base.css. И внесенные изменения не отражаются на веб-странице.

base.css 

h1 {
    color: #777777;
}

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

Это то, что ожидается на вкладке стилей Chrome Inspect 

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

Этот класс выше от basic.css

Ответы [ 2 ]

0 голосов
/ 07 января 2019

У вас есть {% load static %}? Иногда ты просто забываешь это. И часто вы пропускаете STATIC_URL = '/static/' в ваших настройках.

0 голосов
/ 07 января 2019

Вы должны очистить кэш Chrome и проверить еще раз. Иногда он просто не обновляет код, и вы просто просматриваете старый CSS, даже если вы внесли в него изменения. 

Settings>Advanced>ClearBrowsingData>

и удалить все Кэшированные изображения и файлы

...