python - 外部 CSS 在 Python 元素的 HTML 中不起作用

Question

我替换了<style>在 base.html 中标记使用外部 CSS 文件。在 base.html有一个链接到不同 HTML 页面的菜单。当我点击任何菜单项时，页面正在加载但没有 CSS。

我尝试使用 <link>在 homealter.html 中标记CSS 可以工作，但它不起作用。

基础.html

<link href="../static/css/base_style.css" rel="stylesheet" type="text/css">
<div class="menu">
    <table>
        <tr>
            {% with request.resolver_match.url_name as url_name %}
            <td class="{% if url_name == 'home' %}active{% endif %}"><a href="{% url 'home' %}">Resource Wise Analysis</a></td>
            <td class="{% if url_name == 'homealter' %}active{% endif %}"><a href="{% url 'homealter' %}">Land Distance Analysis</a></td>
            <td class="{% if url_name == 'graphsone' %}active{% endif %}"><a href="{% url 'graphsone' %}">Water Type Based Analysis</a></td>
            <td class="{% if url_name == 'graphstwo' %}active{% endif %}"><a href="{% url 'graphstwo' %}">Land Distance Analysis</a></td>
            <td><a href="{% url 'logout' %}">Logout</a></td>
            {% endwith %}
        </tr>
    </table>
</div>
{% block mains %}
{% endblock %}
</body>

homealter.html

{% extends 'base.html' %}
{% block mains %}
{% load staticfiles %}
<link href="../static/css/base_style.css" rel="stylesheet" type="text/css">
<div class="contnt">
<table>
<tr>
    <th>Land Size</th>
    <th>Land Distances Count</th>
    <!--<th>Details</th>-->
</tr>
{% for index, row in yeye.iterrows %}
<tr>
    <td><p>{{index}}</p></td>
    <td>{{row.Distance}}</td>
    <!--<td><a href="{% url 'yearwise' index %}">View Details</a></td>-->
{% endfor %}
</tr>
</table>
<img src="{% static 'images/im1.jpg' %}">
</div>
{% endblock %}

它工作得更早是因为 base.html 中有内部 CSS .我需要 base_style.css每当选择菜单项时工作，即在其他页面中也是如此。

Answer 1

你应该把它放在 base.html 中，但完整路径(不是相对路径):

<link href="/static/css/base_style.css"...

或更好:

{% load static %}
<link href="{% static 'css/base_style.css' %}"...