Cómo saber quién está sobrescribiendo o deshabilitando mis atributos css en firebug

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 .


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.

Puede verificar usando algo como Chrome Developer Tools o Firebug, y ver qué estilos no se deshabilitan y se aplican a sus botones.

Luego, puede identificar qué archivos CSS y qué líneas en esos archivos CSS contienen las reglas que anulan las que desea, y analizar por qué sucede esto: es posible que tenga una cascada incorrecta o puede haber estilos más específicos en otros lugares. archivos que está utilizando

Sin una URL, es imposible ayudar directamente.

Muy difícil de distinguir solo de esto, pero CSS heredará del padre y anulará de otras clases en el mismo elemento.

Tengo los mismos problemas cuando se trata de usar bootstrap, ya que agrega clases sobre la marcha a un elemento, por lo que sin ver realmente el código no podré decir qué está sucediendo.

Pero si desea anular el CSS de bootstrap sin jugar con él, incluya a! Important; después de cada valor CSS, es decir, color: # 333333! importante;
Esto lo solucionará, aunque no se recomienda usarlo todo el tiempo, utilícelo como último recurso.