使用块内容时 Django CSS 不起作用
我正在尝试制作一个简单的有序列表。基本上，我有一个模板，它是一个导航栏，位于我的网页中每个页面的顶部。这就是 html/css 的外观。
现在，我想在新页面中使用 ul 和 il 创建一个列表，但它根本不起作用，除非我删除块内容。这就是其他 HTML 的样子。
{% load static %}
<!DOCTYPE html>
<html>
<style>
.test ul li {
list-style: none;
text-align: left;
}
</style>
<!-- Navigation bar -->
{% block content %}
{% include 'pythonApp/navbar.html' %}
{% endblock %}
<body>
<ul>
<li class="test">item1
<ul>
<li>subitem1</li>
<li>subitem2</li>
</ul>
</li>
<li class="test">item2</li>
<li class="test">item3</li>
</ul>
</body>
</html>
我的猜测是，导航栏模板中的 CSS 会覆盖我在新文件中写入的所有内容。有什么办法可以解决这个问题吗？我尝试创建一个类但失败了。我不确定是因为我做错了（我是html初学者）还是因为这是错误的做法。
编辑
*元素padding: 0中的一切都搞乱了。我将其更改为 nav ul 元素并得到修复。我想我应该在以后的项目中更加关心继承。
梵蒂冈之花浏览 133回答 1
1回答
-
Qyouu
由于您在当前模板中包含导航栏模板，因此它必然会携带其 css 并覆盖当前模板中的 css。解决此问题的最佳实践是为导航栏标签指定类名称，并在其 css 中专门为导航栏标签使用它们。
随时随地看视频慕课网APP
相关分类
Python