Pourquoi la feuille de style de l'agent utilisateur remplace-t-elle mes styles?
Je veux une taille de police de 11, mais Chrome et Firefox me donnent 16. Quand j'examine l'élément dans Chrome je vois et regarde le propriété calculée je vois:
font-size: 16px;
table - medium user agent stylesheet
Style Attribute - 11px
table - medium user agent stylesheet
.v11gray - 11px style.css
Sous les styles calculés dans Firefox, j'obtiens:
font-size: 16px
TABLE[0].style → 11px element
.v11gray → 11px style.css:19
Les trois dernières lignes sont supprimées. Pourquoi ma règle css est-elle remplacée? Puis-je prendre des mesures pour le savoir?
Il s'agit d'un plan extérieur sans votre code, mais la solution lorsque j'ai eu exactement le même problème. Ma déclaration DOCTYPE avait été encrassée par une frappe erronée, comme décrit dans cette question . Vous voudrez peut-être l'inspecter visuellement et/ou valider.
Cela peut sembler étrange, mais cela aide à vérifier (surtout si vous n'utilisez pas un IDE ou un qui ne fait pas de validation sur votre CSS). Vous voudrez peut-être vous assurer que vous avoir un ; et non un : au bout du your:style; ligne. Parce qu'en un coup d'œil, dans l'inspecteur, la syntaxe semble être correcte mais ne l'est pas. Votre feuille de style d'agent utilisateur l'écrase donc. C'est l'une de ces vérifications "assurez-vous que votre imprimante est branchée". Cela nous arrive à tous de temps en temps.