Когда я использую extends в django, мои css файлы больше не работают

Сначала я писал свой код без расширений и теперь пытаюсь использовать функцию расширений, обычно мои коды работают без проблем, но когда я использую {% extends 'base.html' %} css файлы перестают работать. Есть ли у вас какие-нибудь идеи по решению этой проблемы? И если у вас есть другие советы по этому проекту, пожалуйста, дайте мне знать.


**this is base.html**

    ```{% load static %}
    
    <!DOCTYPE html>
    
    <head>
        <meta name="viewport" content="with=device-width, initial-scale=1.0">
        <title>yokoso, watashi wa soul soceity!</title>
        <link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}" />
    </head>
    
    <body>
        <!-- {% include 'navbar.html' %} -->
        {%block content%}
        {%endblock%}
        
    
    </body>
    
    </html>```

вместо этого: 

<head>
        <link rel="stylesheet" type="text/css" href="{% static 'css/home.css'%}">
    
        <link href="{% static 'fontawesomefree/css/solid.css' %}" rel="stylesheet" type="text/css">
        <script src="{% static 'fontawesomefree/js/all.min.js' %}"></script>
    
        <link type="text/css" rel="stylesheet" href="{% static 'css/swiper.min.css' %}">
        <script type="text/javascript" src="{% static 'js/swiper.min.js' %}"></script>
    
        <title></title>
    </head>

Сделайте следующее:

<head>
    
        <link href="{% static 'fontawesomefree/css/solid.css' %}" rel="stylesheet" type="text/css">
        <script src="{% static 'fontawesomefree/js/all.min.js' %}"></script>
    
        <link type="text/css" rel="stylesheet" href="{% static 'css/swiper.min.css' %}">
        <script type="text/javascript" src="{% static 'js/swiper.min.js' %}"></script>
    
        <title>kannom biraki enihime aratame</title>
        <link rel="stylesheet" type="text/css" href="{% static 'css/home.css'%}">
    </head>

Просто добавьте css файл чуть ниже тега title. И уберите загрузку статического и css файла из шаблона, а не из base.html

Попробуйте это прямо сейчас и скажите

Итак, я попытался импортировать все css и js файлы в секцию заголовка base.html, это дало мне несколько css файлов, но похоже, что мои css файлы находятся в некотором конфликте. Итак, урок первый: трудно объединить коды, если их слишком сильно разделить.

Вернуться на верх