Anulación de estilos en línea con CSS externo

Al trabajar con marcado HTML que contiene estilos en línea, puede encontrar situaciones en las que necesite anular estos estilos usando CSS externo. Sin embargo, es posible que la aplicación de reglas CSS normales no siempre funcione según lo previsto.

Para anular los estilos en línea de manera efectiva, puede utilizar la palabra clave !important en sus reglas CSS. Esta palabra clave agrega una prioridad más alta a la regla, lo que le permite tener efecto incluso cuando hay estilos en línea presentes.

Por ejemplo, considere el siguiente marcado HTML:

 
Si intentas anular el estilo en línea del elemento div usando la regla CSS:
div {
    color: blue;
}
El estilo en línea no se anulará. Para asegurarse de que se sobrescriba el estilo en línea, utilice la palabra clave !important:
div {
    color: blue !important;
}
Al agregar !important a la regla, le otorga mayor prioridad sobre el estilo en línea. Como resultado, el texto dentro del elemento div ahora se representará en azul, aunque el estilo en línea establezca explícitamente el color en rojo.