Herramienta para ver la especificidad de CSS

¿Alguien sabe si hay algún tipo de herramienta para ver/elegir el mejor selector de CSS basado en la especificidad de CSS para apuntar a un div en particular?Herramienta para ver la especificidad de CSS

Sé lo que tiene mayor especificidad, pero a veces cuando se trabaja en proyectos de otras personas donde tienen selectores profundamente anidados en CSS, es difícil encontrar una manera de anular esas cosas.

Lo sé en Google chromes dev tool/firebug muestra mucha información en la parte inferior cuando se ve el origen de la página, ¿eso es algo que debería usarse para esto o hay otros métodos?

Fuente

2011-12-25 CodeDevelopr

Firebug para Firefox – Virendra

Opera Dragonfly muestra el qué se anula y dónde se encuentra, muy útil –

DevTools para Chrome y Firebug for Firebox muestran todas las reglas de CSS aplicables, sus orígenes y cuáles se han anulado. –

Use Chrome Inspector.

DevFest 2010 - Chrome Developer Tools - In Depth

Google Chrome Developer Tools: 12 Tricks to Develop Quicker

Google's Page on Dev Tools

Fuente

2011-12-25 18:27:06

Quizás le des un enlace a [Firebug] (http://getfirebug.com/) para aquellos que usan Firefox también? – Bojangles

Bueno, no uso Firefox desde 3.5, así que no estoy seguro de qué buscar. No dude en agregar su respuesta sin embargo. –

el último enlace está roto – activedecay

Ya que es muy ampliamente utilizado, nadie ha sugerido que fabianhjr y sugirió lo hago, voy a recomendar Firebug para Firefox. Es similar al inspector de Chrome, y le permite ver el CSS dado a un elemento, así como propiedades sobrescritos:

enter image description here

Fuente

2011-12-25 18:50:12 Bojangles

@Bojangels el dominio qtax.se tiene solo una imagen con la información que se ha incautado. ¿Podría explicar por qué agregó el enlace y cómo esto pertenece a este hilo? – surfmuggle

Herramienta para ver la especificidad de CSS

Respuesta

Cuestiones relacionadas