Django 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"

がthe fiddle

出典

2017-09-03 00:40:44 karthikr

*手のひらを顔に当てる*ここで

@charset "UTF-8";

であるべきです。くそー。これは、最後の1時間私を悩ませている...ありがとう男：D – Mathyou

Django CSSは特定の要素のみで動作します

答えて

関連する問題