Probador de Selectores CSS - Prueba Selectores Contra HTML Online
Probador de Selectores CSS
Pruebe Cualquier Selector Contra Su Propio HTML
Comprendiendo la Prueba de Selectores CSS
Depuración de Hojas de Estilo
Verifique que un selector realmente apunte a los elementos que espera antes de publicar un cambio de CSS.
Scraping y Automatización
Pruebe un selector contra HTML de muestra antes de usarlo en un scraper o script de automatización de navegador.
Aprender Selectores
Experimente con combinadores, pseudo-clases y selectores de atributos para desarrollar intuición sobre cómo coinciden.
Procesamiento Local
Su HTML y selector nunca salen de su navegador — la coincidencia se ejecuta enteramente del lado del cliente.
Cómo Funciona la Coincidencia
Esta herramienta analiza su HTML pegado en un documento y ejecuta el querySelectorAll() nativo del navegador contra él — el mismo motor de coincidencia usado por JavaScript y CSS en un navegador real. Esto significa que cualquier sintaxis de selector CSS válida funciona aquí, incluyendo combinadores complejos como ul > li:nth-child(2) o selectores de atributos como [data-active="true"].
Puntos Clave
- Motor de Coincidencia Nativo: Usa el querySelectorAll real del navegador, no una reimplementación.
- Soporte Completo de Selectores: Combinadores, pseudo-clases y selectores de atributos funcionan como se espera.
- Solo del Lado del Cliente: Toda la coincidencia ocurre localmente en su navegador — ningún dato se envía jamás a un servidor.