Bueno, esto es bastante sencillo. Si las Herramientas para desarrolladores de Chrome me muestran que se anula un estilo, ¿cómo ver qué regla CSS lo anula?
Quiero saber si hay algo como "Muéstrame qué anula esto" .
OBS: Por favor, no me señales a Firebug.
css
google-chrome
developer-tools
inspector
Ramon K.
fuente
fuente
Respuestas:
Use el panel Estilo calculado del inspector de elementos. Expanda la propiedad de interés para ver la lista de reglas aplicables y cuál ganó.
fuente
Simplemente puede mirar los que tienen el mismo nombre que no están tachados, recuerde que el listado es importante.
O puede ver los estilos calculados. Serán los estilos realmente aplicados.
fuente
crtrl + shift + c e inspeccionar el elemento. Luego encuentre el estilo sin una línea que lo atraviese, en el cuadro en la esquina inferior derecha.
la anulación está en la mayoría de los casos en la parte superior (y sin una línea que la atraviese, ya que este estilo es el "ganador").
fuente