Python 为什么我的一些html标记遵循css，而另一些则不遵循css？_Python_Html_Css_Django

Python 为什么我的一些html标记遵循css，而另一些则不遵循css？

python html css django

Python 为什么我的一些html标记遵循css，而另一些则不遵循css？,python,html,css,django,Python,Html,Css,Django,所以我有一个普通的html文件，带有像和之类的标签我有这个css文件： html, body { margin:0; padding:0; backgound-color:blue; } a { /* Note: For whatever reason this does not apply to templates/tags/naviagtion.html */ text-decoration: none; } 无论出于何种原因，当通过以下方式

所以我有一个普通的html文件，带有像和之类的标签

我有这个css文件：

html, body {
    margin:0; 
    padding:0;
    backgound-color:blue; 
}

a {
    /* Note: For whatever reason this does not apply to templates/tags/naviagtion.html */
    text-decoration: none;
}

无论出于何种原因，当通过以下方式将其应用于我的html文件时：

<link rel="stylesheet" type="text/css" href="/static/css/base.css" />

注意：放置在base.html中，它是基本模板。正文的背景和链接的文本装饰不会更改为css样式。其他标记（如div）将其宽度、浮动等更改为base.css文件的样式。当我通过标签中的style=“”亲自编辑标签时，会应用属性。为什么使用style=”“应用样式，而不是从css文件应用样式。我在base.html文件中没有覆盖任何内容的内联css。此外，css文件中的属性（如html的边距和填充）、正文等也会得到应用，而背景色则不会。发生了什么事

谢谢

base.html文件大致如下所示

....
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/base.css" />
</head>
<body>
    <!-- 
    <div class="left_holder" >
    </div>
    -->
    <div class="center_holder" >
        <div id="top_1" >
            <div id="search" class="top_left" >
                <!-- [ searchbar ] -->
                {% include "tags/search.html" %}
            </div>
....

。。。。
{%include“tags/search.html”%}
....

navigation.html文件：

<div><a href="/" >Home</a></div>

很抱歉，由于此url位于localhost上，因此不会有url。base.html中是否包含

模板/tags/naviagtion.html

，或者它是一个单独的文件

包含示例HTML代码非常重要，因为这也是问题的一部分。或者如果您有一个URL，我们可以在其中看到问题，这也会有所帮助。

base.html中是否包含

模板/tags/naviagtion.html

，或者它是一个单独的文件

包含示例HTML代码非常重要，因为这也是问题的一部分。或者如果您有一个URL，我们可以在其中看到问题，这也会有所帮助。

不确定背景颜色，但请尝试链接：

a:link {
  text-decoration: none;
}

选择器

通常过于通用，无法用

a:link

选择器覆盖浏览器设置的链接样式。

不确定

背景颜色，但请尝试链接：
a:link {
  text-decoration: none;
}

选择器a
通常过于通用，无法用a:link
选择器覆盖浏览器设置的链接样式。
尝试使用HTTP调试器来确保.css文件正在加载。我想不是。供Windows使用。如果没有加载.css，您将在列表中看到一个红色404
还可以尝试使用浏览器的调试工具来确保.css文件已加载。
例如，在Chrome或Safari中，只需右键单击页面并选择“检查元素”。单击顶部的“资源”选项卡，确保您的.css文件列在左侧面板中。如果没有，则文件的路径可能不正确。
请尝试使用HTTP调试器确保加载了.css文件。我想不是。供Windows使用。如果没有加载.css，您将在列表中看到一个红色404
还可以尝试使用浏览器的调试工具来确保.css文件已加载。
例如，在Chrome或Safari中，只需右键单击页面并选择“检查元素”。单击顶部的“资源”选项卡，确保您的.css文件列在左侧面板中。如果不是，则文件路径可能不正确。
拼写错误已修复。css也是区分大小写的
html, body {
    margin:0; 
    padding:0;
    background-color:blue; 
}

a{
    /* Note: For whatever reason this does not apply to templates/tags/naviagtion.html */
    text-decoration: none;
}

你说的文字装饰：没有一个是不适用的。
您的意思是在链接下方看到下划线还是单击后看到轮廓
如果有文本装饰，则不应看到下划线：无；在你的css中
如果看到边框或轮廓线，请尝试添加轮廓：无；以及css中的{}
拼写错误修复。css也是区分大小写的
html, body {
    margin:0; 
    padding:0;
    background-color:blue; 
}

a{
    /* Note: For whatever reason this does not apply to templates/tags/naviagtion.html */
    text-decoration: none;
}

你说的文字装饰：没有一个是不适用的。
您的意思是在链接下方看到下划线还是单击后看到轮廓
如果有文本装饰，则不应看到下划线：无；在你的css中
如果看到边框或轮廓线，请尝试添加轮廓：无；还有一个{}
navigation.html的css包含在base.html中，上面的示例已经发布，很抱歉这是在localhost上，没有url，谢谢！navigation.html包含在base.html中，现在已在上面发布示例，很抱歉这是在localhost上，没有url，谢谢！当我转到我得到的页面源代码时，我可以单击资源链接，该链接将我带到正确的base.css文件以及所有我的样式。此外，您可以右键单击其中一个不起作用的标记，并检查右侧面板中的样式列表。它将显示衍生样式的来源。您可能会看到列出的.css文件被其他文件覆盖，但是，如果您根本看不到它，这意味着它没有被加载或应用于其他原因。当我转到我得到的页面源代码时，我可以单击资源链接，该链接将带我到正确的base.css文件以及所有我的样式。此外，您可以右键单击其中一个不起作用的标记，并检查右侧面板中的样式列表。它将显示衍生样式的来源。您可能会看到您的.css文件被列出并被其他文件覆盖，但如果您根本看不到它，则表示它没有被加载或应用于其他原因。LOL WOW无法相信这是一个拼写错误。。。感觉我只是浪费了你的时间。。。很抱歉，我现在更经常地阅读我的作品了…@Derek一个“智能”编辑器会指出明显无效的CSS，如上面所述。或者，使用一个.LOL-WOW不能相信这是一个拼写错误。。。感觉我只是浪费了你的时间。。。很抱歉，我现在更经常地阅读我的作品了…@Derek一个“智能”编辑器会指出明显无效的CSS，如上面所述。或者，也可以使用。