Buscador de selectores CSS no utilizados
Compara una hoja de estilos con una página HTML y enumera los selectores que no coinciden con nada.
Buscador de selectores CSS no utilizados
Pega una hoja de estilos por un lado y el HTML que la usa por el otro, y esta herramienta enumera todos los selectores que no coinciden con ni un solo elemento en la página. Es una forma rápida de detectar reglas muertas dejadas atrás después de un rediseño, la eliminación de un componente, o meses de CSS copiado y pegado — el tipo de hinchazón que es tedioso buscar a simple vista en un archivo con cientos de reglas.
"Ignorar pseudo-clases y pseudo-elementos" compara una regla como .button:hover como simple .button, ya que una instantánea HTML estática no puede mostrar estado hover o focus; déjalo desactivado y la herramienta verifica los que puede hacer de forma segura — first-child, last-child, nth-child y not — contra la posición real de cada elemento. "Ignorar selectores que coincidan" toma una expresión regular, o un fragmento de texto plano como alternativa, para excluir clases que un script activa en tiempo de ejecución, como cualquier cosa que comience con js- o is-active, para que nunca se marquen como muertas. "Mostrar clases/IDs HTML sin regla CSS" invierte la comparación, útil para detectar errores tipográficos en nombres de clase. "Incluir selectores dentro de @media" verifica reglas de consulta de medios de la misma forma que el resto de la hoja, o las omite cuando está desactivado. Cambia la salida a "CSS limpio" para obtener la hoja de estilos sin ninguna regla no utilizada.
La comparación se ejecuta contra la estructura HTML tal como está escrita — el marcado inyectado por un script después de que se carga la página no está en la instantánea pegada, así que verifica antes de eliminar una regla. Los selectores combinados con comas se verifican individualmente, por lo que una regla que cubre dos clases al mismo tiempo solo se elimina una vez que ambas se confirman no utilizadas.
Todo sucede en tu navegador: el CSS e HTML que pegas nunca se carga a ningún lado. Copia el resultado, descárgalo como archivo .txt, o envíalo directamente de vuelta a la entrada para ejecutar otra pasada.