我正在嘗試制作一個簡單的有序列表。基本上，我有一個模板，它是一個導航欄，位于我的網頁中每個頁面的頂部。這就是 html/css 的外觀?，F在，我想在新頁面中使用 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
提交
取消