2017-09-03 6 views
0

Je viens d'ajouter du CSS le projet my django dans un dossier statique et cela ne fonctionne que sur certains éléments. Le fichier est chargé sur le site mais lorsque j'essaie d'apporter des modifications à l'élément de paragraphe rien ne se passe. Lorsque je modifie l'élément body dans la feuille de style externe, cela a un effet sur le style. Voici mon CSS et HTML:Django CSS ne fonctionne que sur certains éléments

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

La marge corps change, et je peux changer la couleur du texte quand j'ajoute

color: red; 

pour le corps. Cependant, peu importe ce que je fais pour 'p', rien ne se passe. Qu'est-ce que je fais de mal qui ne me laisse pas éditer les balises 'p'?

Répondre

1

Il est une erreur très trivial - Vous avez besoin d'un ; après la première ligne:

@charset "UTF-8" 

devrait être

@charset "UTF-8"; 

Voici the fiddle

+0

* facepalm *. Zut. Cela m'a dérangé pour la dernière heure ... Merci l'homme: D – Mathyou