La regla general es que la especificidad más alta anula la especificidad más baja. Firebug (y las Herramientas de desarrollo de su navegador) tacha los estilos que se anulan y ajusta la jerarquía con el estilo más dominante en la parte superior. Luego debe mirar los selectores de los estilos que se aplican y observar el nivel comparativo de especificidad.
Ejemplo aleatorio de Gmail. Este es mi editor de estilo Firebug.
.aAU
está claramente anulada por el body.aAU
más específico. body.aAU
. Puede anular el comportamiento predeterminado aplicando un segundo selector a .aAU que sea aún más específico que el vigente. En este caso, especificaré que body.aAU
es un hijo directo del elemento html
.
- ¿Existe un analizador HTML que no exhibe un comportamiento cuadrático en páginas patológicas (por ejemplo, páginas con anidamiento profundo)? He probado muchos analizadores en muchos idiomas y todos ellos son lentos en entradas patológicas.
- ¿Por qué es más rápido desarrollar sitios web en Golang que en C ++?
- ¿Qué proveedor de alojamiento web utiliza y por qué?
- ¿Qué habilidades se necesitan para conseguir un trabajo de desarrollador de Ruby on Rails en 2017?
- ¿Cómo se puede pasar del desarrollo web (PHP) a un desarrollador de C ++?
Observe que el orden en que aparecen los estilos se ajusta a la jerarquía modificada.
Una advertencia: los estilos en línea e internos siempre tienen prioridad sobre las hojas de estilo, pero volverán a aparecer en Firebug. Consulte esta página para ver el orden completo en cascada de los estilos CSS.