Herramienta Útil para Depurar CSS en Chrome
WhyCSS Inspector es una extensión gratuita para Chrome diseñada para ayudar a los desarrolladores a diagnosticar por qué una regla CSS no se aplica a un elemento específico. Al hacer clic en el ícono de WhyCSS o al seleccionar un elemento, se abre un panel lateral que proporciona un desglose claro de las reglas CSS que afectan al elemento, así como su puntuación de especificidad. Esta herramienta permite a los usuarios ver rápidamente qué propiedades están siendo anuladas y resaltar elementos en la página en vivo, facilitando la comprensión de selectores confusos.
Alternativa más recomendada
Entre sus características se incluyen una tabla legible que muestra todas las reglas CSS aplicadas, la puntuación de especificidad calculada para cada regla, y la capacidad de detectar problemas básicos de diseño y accesibilidad. WhyCSS Inspector es ligero y prioriza la privacidad del usuario, ya que solo se activa mediante la interacción directa del usuario y no recopila ni envía datos de navegación.
