Django CSS는 특정 요소에서만 작동합니다.

방금 CSS로 장고 프로젝트를 정적 폴더에 추가했으며 일부 요소에서만 작동합니다. 파일이 사이트에로드되지만 단락 요소를 변경하려고하면 아무 일도 일어나지 않습니다. 외부 스타일 시트에서 본문 요소를 편집 할 때 스타일에 영향을 미칩니다. 여기 내 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는 특정 요소에서만 작동합니다.

답변

관련 문제