propriétés spécifiques div css

Question

J'ai un div: <div id="fancyboxID-1"> <p>0767380042</p> </div> et ce css:

​ #fancyboxID-1 p { font-size:150px; text-align: center; line-height:150px; overflow:hidden;}

Après téléchargement et rafraîchir le site, je ne vois pas de changement, mais si je vérifie le code source: I voir les propriétés css.

C'est très étrange pour moi, j'ai essayé de télécharger sur un autre serveur et là ça marche. Des idées pour lesquelles cela ne fonctionne pas?

Answer 1

En regardant votre feuille de style (style.css), il semble y avoir des caractères étranges (corruption/unicode?) avant votre ligne problématique qui invalide probablement votre feuille de style. Si vous supprimez ces caractères, vos styles prennent soudainement vie ...

Lorsqu'ils sont affichés avec l'encodage ISO-8859-1, ils apparaissent sous la forme de 4 caractères visibles, mais s'ils sont vus comme UTF-8, ils ressemblent à un seul espace (bien que ce n'est pas un seul espace):

​ #fancyboxID-1 p { font-size:150px; ... 

(BTW, traits d'union dans les id/noms de classe sont parfaitement valables)

Answer 2

Y a-t-il d'autres styles \ feuilles qui remplacent ces modifications? Vous avez dit que cela fonctionnait sur d'autres serveurs, donc il doit y avoir quelque chose de spécifique au serveur que vous hébergez. Si vous utilisez des outils de développement (F12 dans IE ou Chrome, Firebug dans FireFox) vous pouvez parcourir pour voir si les changements sont réellement appliqués. Le code étant présent signifie seulement que ces styles sont disponibles, mais quelque chose d'autre pourrait être appliqué règles différentes par rapport à div, p, etc.