css不将样式应用于django中的模板_Css_Django

css不将样式应用于django中的模板

css django

css不将样式应用于django中的模板,css,django,Css,Django,css应用的主题不起作用。在过去，它曾经适用，但我不知道我做了什么，它不再是可执行的base.htmnl是其他页面的核心模板在base.html中，我有： <!DOCTYPE html> {% load staticfiles %} <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="{% stat

css应用的主题不起作用。在过去，它曾经适用，但我不知道我做了什么，它不再是可执行的

base.htmnl

是其他页面的核心模板

在

base.html

中，我有：

<!DOCTYPE html>
{% load staticfiles %}

<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">

    <link rel="stylesheet" href="{% static 'nana/css/main.css' %}"> 

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>



    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>


  </head>
  <body>

    <nav class='navbar mynav-fixed-top navbar-expand-lg bg-dark' role='navigation' id='navbar'>
      <div class="container-fluid">

      </div>

    </nav>

    <div class="container-fluid">

    {% block content %}

    <div class="main">

    </div>

{% endblock %}

settings.py

：

STATIC_URL = '/static/'

STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')]

css不起作用。我不知道为什么应用程序不在css文件中应用更改。非常感谢您的想法，并帮助解决它

一般来说，最好在

head

-部分中的其他样式表之后，再链接到您自己的自定义样式表（在您的示例中是

main.css

）。引导样式表可能会覆盖您的

main.css

，从而使其无用。

在指向引导的链接之前有指向

main.css

的链接。

如果项目中只有静态文件，则最好设置静态根目录而不是静态文件目录：

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR,'static')

并将模板中的此

{%load staticfiles%}

更改为此

{%load static%}

加载staticfiles

方法从2.1开始

此外，正如在评论中已经建议的，将您的样式表放在所有第三方样式表之后-因此它将具有更高的优先级。还请注意，如果以前的任何样式表使用

定义了相同的属性，则样式的优先级可能较低！重要信息

您尚未设置静态根目录，这就是您的css未显示的原因

首先确保在settings.py中调试设置为True

Debug=True

将以下代码放入settings.py

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticroot')
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

在主URL.py中

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # other urls
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

然后调用下面的命令

>python manage.py collectstatic

试试主体{背景色：黄色！重要}。将强制仅使用该css属性值。在base.html中，将main.css的静态导入链接保存在引导导入链接下面。另外，请确保在对静态文件进行任何更改后调用了

python manage.py collectstatic

命令。请从呈现的页面抓取css URL，并在浏览器中手动打开它-错误消息/响应状态是什么？404-未找到文件或目录。您正在查找的资源可能已被删除、名称已更改或暂时不可用。请尝试使用类名或

id

，而不是标记名。另外，请尝试将指向css文件的链接定位在其他

链接

标记的最底部。请为您的问题添加完整的css文件URL（提供404），并显示您的项目文件夹结构。另外，请澄清您运行的项目是否为DEBUG=true或false，显示已安装的应用程序，提及Django版本。请回答我在评论中提出的问题。我已回答，请参阅评论

>python manage.py collectstatic