为了账号安全,请及时绑定邮箱和手机立即绑定

使用块内容时 Django CSS 不起作用

使用块内容时 Django CSS 不起作用

梵蒂冈之花 2023-08-22 17:39:14
我正在尝试制作一个简单的有序列表。基本上,我有一个模板,它是一个导航栏,位于我的网页中每个页面的顶部。这就是 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 中专门为导航栏标签使用它们。


查看完整回答
反对 回复 2023-08-22
  • 1 回答
  • 0 关注
  • 94 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信