CSS: Cascada

La cascada

Que prevalezcan unos selectores sobre otros en la cascada depende de tres factores (en orden de importancia — los primeros prevalecen sobre los últimos):

1. Importancia
2. Especificidad
3. Orden del código

Para el cálculo del valor de una propiedad en cascada se aplican tres fuentes de información:

1. los estilos por defecto que tiene definido el agente de usuario, es decir, el navegador web del usuario.
2.  A continuación, los estilos especificados por el usuario que está leyendo el documento.
3. los estilos definidos por el autor de la página web.

 

Este es el orden de aplicación de los estilos, de menor prioridad a mayor prioridad. Todos estos estilos definen el estilo final que tiene un elemento en una página web.

Los estilos del agente de usuario son los estilos que incorpora cada navegador de fábrica. Lo lógico es esperar que todos los navegadores utilicen el mismo estilo por defecto, pero desgraciadamente no es así y existen algunas diferencias sutiles que pueden ocasionar

grandes diferencias cuando una página web se visualiza en diferentes navegadores.
 La segunda fuente de información son los estilos del usuario, que son estilos que define cada usuario y que se pueden emplear para sustituir los estilos que tiene definidos una página web.
Esta característica se puede utilizar para mejorar la accesibilidad de una página web.

Los estilos del autor son los estilos que define el creador de una página web. Estos estilos se pueden definir en tres puntos: En un fichero externo enlazado con la etiqueta link. Al principio de la propia página con la etiqueta style. Y en un elemento concreto con el atributo style.

El orden de aplicación de los estilos se puede modificar con !important, que aumenta la importancia de una regla.

Fuente: developer.mozilla.org