我有两个页面模板和一个CSS文件在静态目录。
这是我的main.html, CSS可以正常工作:
{% load static %}
<html>
<head>
<title> </title>
<link rel ="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
<nav>
<ul>
<li><img src="{% static 'images/logo.jpg'%}" height="49px" width="100px" >
<li><a href=#> HOME</a></li>
<li><a href=#> ABOUT</a></li>
<li><a href="rent"> RENT</a></li>
<li><a href="sale"> SALES</a></li>
</ul>
</nav>
{% block content %}
{% endblock %}
</body>
<hr>
<footer>
这是我的index.html，其中CSS不起作用:
{% extends 'main.html' %}
{% block content %}
<div id="showcase">
<div class="section-main container" >
<h1>House rent & Sale</h1>
<p class="lead hide-on-small">This is a web application </p>
</div>
</div>
{% endblock%}
我该如何解决这个问题?
将你的{% block content %}移到main.html的标题上方