我正在尝试制作一个简单的有序列表。基本上,我有一个模板,它是一个导航栏,位于我的网页中每个页面的顶部。这就是 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 元素并得到修复。我想我应该在以后的项目中更加关心继承。
1 回答
Qyouu
TA贡献1786条经验 获得超11个赞
由于您在当前模板中包含导航栏模板,因此它必然会携带其 css 并覆盖当前模板中的 css。
解决此问题的最佳实践是为导航栏标签指定类名称,并在其 css 中专门为导航栏标签使用它们。
添加回答
举报
0/150
提交
取消