Question

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

HTML

.elc

CSS

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

身体边缘发生变化，我可以在添加

时更改文字的颜色

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

到了身体。但是，无论我做什么，都没有任何反应。

我做错了什么，不让我编辑＆＃39; p＆＃39;标签

Answer 1

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

@charset "UTF-8"

应该是

@charset "UTF-8";

这是the fiddle

Django CSS仅适用于某些元素

1 个答案: