css - paginas - ¿Por qué la hoja de estilo del agente de usuario reemplaza mis estilos?

hojas de estilo css ejemplos

Question

Quiero un tamaño de fuente de 11, pero Chrome y Firefox me dan 16. Cuando examino el elemento en Chrome veo y miro la propiedad calculada que veo:

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

En los estilos computados en Firefox, obtengo:

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

Las últimas tres líneas están tachadas. ¿Por qué mi regla de CSS está anulada? ¿Hay pasos que puedo tomar para averiguarlo?

Answer 1

Esta es una toma exterior sin su código, pero la solución cuando tuve exactamente el mismo problema. Mi declaración DOCTYPE se había ensuciado con una pulsación de tecla errante, como se describe en esta pregunta . Es posible que desee inspeccionar visualmente y / o validar.

Answer 2

Esto puede sonar extraño, pero ayuda a verificar (especialmente si no está usando un IDE o uno que no valida en su CSS). Es posible que desee asegurarse de que tiene una ; y no a : al final de your:style; línea. Porque a simple vista, en el inspector la sintaxis parece ser correcta pero no lo es. Entonces su hoja de estilo de agente de usuario lo sobrescribe. Es uno de esos controles "asegúrese de que su impresora esté enchufada". Nos sucede a todos nosotros de vez en cuando.