时间戳

首页 > 解决方案 > CSS 文件未应用于页面，未在源下加载

html - CSS 文件未应用于页面，未在源下加载

问题描述

我试图将一个 css 文件链接到我的 html，但由于某种原因 css 不会加载。下面我将提供 html 和 css 代码。当我打开页面源代码时，css href 工作正常，我可以单击它并将我带到 css 文件，但是当我检查时，我可以看到 css 文件不是源代码的一部分。我已经在 J​​SFiddle 上测试了我的代码，它在那里以及这里的代码片段上都可以正常工作。我还尝试按 ctrl + f5 和 shift + f5 来刷新没有缓存的页面，但没有任何改变。所以我不知道还能做些什么来解决这个问题。我一直在 Chrome 上这样做，所以我在 Firefox 上快速测试了它，但仍然没有任何变化。提前感谢您的帮助。

原始 html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>
    <link rel="'stylesheet" type="text/css" href="{% static 'polls/styles.css' %}">
</head>
<header>
    <div class="site-header" width="100%" height="100px">
        <h3><a class="site-header-link" href="/polls">Home</a></h3>
    </div>
</header>
<body>
    {% block content %}{% endblock %}
</body>
</html>

可运行的 html 和 css。

li a {
    color: green;
}

body {
    background: grey;
}

.question-display {
    border-color: black;
    border-width: 5px;
    position: center;
}

.question-link {
    text-decoration-line: none;
}

.choices {

}

.question-container {

}

.site-header {
    color: aqua;
}

.site-header-link {
    color: white;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="'stylesheet" type="text/css" href="/static/polls/styles.css">
</head>
<header>
    <div class="site-header" width="100%" height="100px">
        <h3><a class="site-header-link" href="/polls">Home</a></h3>
    </div>
</header>
<body>
    
    
        
            <div class="question-display">
                <ln><a class="question-link" target="_blank" href="3/">What&#x27;s your favorite game?</a></ln>
            </div>
        
            <div class="question-display">
                <ln><a class="question-link" target="_blank" href="2/">How are you?</a></ln>
            </div>
        
            <div class="question-display">
                <ln><a class="question-link" target="_blank" href="1/">What&#x27;s up?</a></ln>
            </div>
        
    

</body>
</html>

标签： htmlcssdjango

解决方案

您在 rel= 属性中有一个附加引号。它应该是：

<link rel="stylesheet" type="text/css" href="{% static 'polls/styles.css' %}">

推荐阅读