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 la propriété calculée que je vois:

font-size: 16px; table - medium user agent stylesheet Style Atsortingbute - 11px table - medium user agent stylesheet .v11gray - 11px style.css

Dans les styles calculés dans Firefox, je reçois:

 font-size: 16px TABLE[0].style → 11px element .v11gray → 11px style.css:19

Les trois dernières lignes sont barrées. Pourquoi ma règle CSS est-elle remplacée? Y a-t-il des mesures que je peux prendre pour le découvrir?

Ceci est une prise de vue extérieure sans votre code, mais la solution lorsque j’ai eu exactement le même problème. Mon instruction DOCTYPE a été gâchée par une frappe de touche 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 qui ne fait pas de validation sur votre CSS). Vous voudrez peut-être vous assurer que vous avez un ; et non un : à la fin de your:style; ligne. En un coup d’œil, dans l’inspecteur, la syntaxe semble correcte, mais elle ne l’est pas. Ainsi, la feuille de style de votre agent utilisateur la remplace. C’est l’un de ces contrôles “assurez-vous que votre imprimante est branchée”. Cela arrive à nous tous de temps en temps.