Django CSS只适用于某些元素

我刚刚在一个静态文件夹中添加了一些CSS，我的django项目只适用于某些元素。该文件在网站上加载，但是当我尝试对段落元素进行更改时，什么都不会发生。当我在外部样式表中编辑body元素时，它会对样式产生影响。这里是我的CSS和HTML：Django CSS只适用于某些元素

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; 
}

体余量的变化，我可以改变文本的颜色，当我添加

color: red;

身体。然而，不管我对'p'做什么，都没有发生。

我做错了什么，不会让我编辑'p'标签？

来源

2017-09-03 Mathyou

这是一个很琐碎的错误 - 你需要一个;第一行后：

@charset "UTF-8"

应该

@charset "UTF-8";

这里是the fiddle

来源

2017-09-03 00:40:44 karthikr

*捂脸*。该死的。这一直在困扰着我最后一个小时......谢谢你：D – Mathyou

Django CSS只适用于某些元素

回答

相关问题