Cache Firebug et CSS ne montrant pas de nouveaux sélecteurs

Je suis confus par un comportement dans Firebug.Cache Firebug et CSS ne montrant pas de nouveaux sélecteurs

J'essaie de mettre à jour mon CSS et j'ai apporté des modifications au fichier CSS et les ai enregistrées.

Si je mets à jour une directive sur un sélecteur existant, ces modifications seront rendues lorsque je rechargerai la page. Toutefois, si j'ajoute une nouvelle classe (par exemple, boxQuestion) et que vous créez un nouveau sélecteur, il ne s'affichera pas du tout. Le nouveau sélecteur ne semble pas s'afficher du tout. Ni dans le HTML rendu ni dans ce que Firebug affiche.

J'ai essayé de vider le cache et de redémarrer mon serveur de développement, mais il n'ajoute toujours pas les nouveaux sélecteurs.

Qu'est-ce que je fais mal?

Je développe dans Django et utilise runserver.

Source

2009-05-21 BryanWheelock

Choses à essayer

double-cliquant sur le bouton de rafraîchissement du navigateur pour obtenir le nouveau css
redémarrer le serveur de développement
quit Firebug et redémarrez le navigateur
voir si votre serveur de développement est le serveur le bon fichier CSS et les sélecteurs http://localhost:8000/media/liquid.css

La plupart d'importation chose est à: 5. Valider votre CSS avec le validateur CSS:

http://jigsaw.w3.org/css-validator/

J'ai eu quelques commentaires dans le fichier CSS immédiatement avant que le sélecteur de classe. Je venais d'utiliser # pour annoter les commentaires. C'est une syntaxe incorrecte pour CSS

Lorsque j'ai entouré les commentaires avec/* #comment */le problème est parti.

Source

2009-05-21 18:27:45 BryanWheelock

votre CSS est peut-être incorrect. Vos modifications apparaissent-elles dans la vue de la source?

Source

2009-05-21 15:45:18 SpliFF

Je ne suis pas tout à fait sûr de la vue de source que vous mentionnez aussi, je vais supposer que vous voulez dire le CSS buttom pour voir la source CSS dans Firebug. La réponse à cette question est: Non, le nouveau sélecteur n'apparaît pas dans cette fenêtre. Voici le CSS pour class = boxQuestion: .boxQuestion { border-top: 1px solide #EFEFEF; clair: les deux; } – BryanWheelock

Je parle de View-> Source de la page (Ctrl-U). Mais de toute façon, en supposant que vos modifications atteignent réellement le navigateur, la raison est probablement une ligne dans votre fichier CSS qui empêche toutes les lignes en dessous d'être analysées. Exécutez votre CSS et HTML via le validateur w3c et voir si des erreurs se présentent. – SpliFF

Cache Firebug et CSS ne montrant pas de nouveaux sélecteurs

Répondre

Questions connexes