Django CSS 仅适用于某些元素

Question

我刚刚在静态文件夹中添加了一些 CSS 我的 django 项目，它只适用于某些元素。该文件已加载到网站上，但当我尝试更改段落元素时，没有任何反应。当我在外部样式 sheet 中编辑 body 元素时，它确实会对样式产生影响。这是我的 css 和 HTML：

HTML

<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
    <title>Would-be Username</title>
    <link rel="stylesheet" type="text/css" href="{% static 'css/test.css'%}">
</head>
<body>
    <img src="{{ current_user.userprofile.profile_picture.url }}">
    <p>Username: Would-be Username</p>
    <p>Name: {{ current_user.userprofile.first_name }} {{ current_user.userprofile.last_name }}</p>
    <p>Email: {{ current_user.username }}</p>
    <a href="{{ request.path }}edit/">Edit</a>
    <a href="/reset-password/">Forgot your password?</a>
</body>
</html>

CSS

@charset "UTF-8"
p {
    color: red;
}
body {
    margin: 0;
}

body页边距发生变化，我可以在添加

时更改文字颜色

color: red;

到body。然而，无论我对 'p' 做什么，都没有任何反应。

我做错了什么，不允许我编辑 'p' 标签？

Answer 1

这是一个非常微不足道的错误 - 您需要在第一行之后添加 ;:

@charset "UTF-8"

应该是

@charset "UTF-8";

这里是the fiddle

Django CSS 仅适用于某些元素

Django CSS only works on certain elements

html

css

django

django-staticfiles