Question

所以我有一个普通的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，body的边距和填充等属性将被应用，而背景颜色则不会。发生了什么事？

谢谢！

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>
....

navigation.html文件：

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

很抱歉，因为这是在localhost

，所以不会有网址

Answer 1

拼写错误已修复。 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;
}

你说文字装饰：没有得到应用。您是说在链接下方看到下划线还是在点击后看到轮廓？

如果你有text-decoration，你不应该看到下划线：none;在你的CSS中。

如果您看到边框或ouline，请尝试添加outline：none;以及{}

的css

Answer 2

尝试使用HTTP调试器来确保加载.css文件。我怀疑它不是。对于Windows，请使用Fiddler。如果没有加载.css，你会在列表中看到一个红色的404。

还可以尝试使用浏览器的调试工具来确保加载.css文件。例如，在Chrome或Safari中，只需右键单击页面并选择“检查元素”即可。单击顶部的“资源”选项卡，确保左侧面板中列出了.css文件。如果不是，您的文件路径可能不正确。

Answer 3

templates/tags/naviagtion.html是否包含在base.html中，还是单独的文件？

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

Answer 4

不确定background-color，但请尝试链接：

a:link {
  text-decoration: none;
}

选择器a通常过于笼统，无法覆盖浏览器使用a:link选择器设置的链接样式。

为什么我的一些html标签跟随css而其他人没有？

4 个答案: