Probador de selectores CSS
Selector CSS
HTML
Resumen
Vista previa de coincidencias
Elementos coincidentes
Acerca del probador de selectores CSS
CSS Selector Tester comprueba un selector contra un bloque de HTML usando el motor nativo de selectores del navegador.
Es útil para depurar selectores complejos, verificar selectores de atributos, revisar markup anidado o confirmar qué coincidiría con querySelectorAll.
Cómo usar esta herramienta
- Pegue HTML en el campo HTML.
- Ingrese el selector CSS que desea probar.
- Haga clic en Probar selector para ver elementos coincidentes, rutas y una vista previa resaltada.
Consejos
- Use la calculadora de especificidad cuando varios selectores coincidentes compitan en la cascada.
- Los selectores inválidos son reportados por el parser del navegador.
- La vista previa está aislada, por lo que el markup pegado no ejecuta scripts.
Guías relacionadas
Aprenda el workflow detrás de esta herramienta y qué revisar después.
Checks de SEO técnico antes de enviar un sitio
Un checklist para asegurar que los buscadores puedan descubrir, rastrear, entender e indexar las páginas importantes.
Cómo depurar respuestas JSON de una API
Formatee la respuesta, confirme el estado HTTP, valide el schema y compare cambios del payload antes de modificar código.
Comprobaciones de selectores CSS antes de usar una consulta
Prueba selectores con markup representativo para encontrar los elementos previstos sin depender de estructuras frágiles.
Coincidencias positivas y negativas
Incluye elementos que deben coincidir, casos cercanos que no, componentes repetidos y contenedores vacíos u opcionales.
Estados dinámicos
Comprueba el markup antes y después del renderizado cliente, lazy loading, validación, navegación y cambios de estado.
Compatibilidad
Confirma soporte para :has(), namespaces, escaping y extensiones no estándar en el navegador o biblioteca de destino.
Hooks estables
Usa clases o data attributes intencionados para scripts y tests en vez de anidación visual o nombres generados.
Privacidad y uso
Comprobaciones rápidas sin cuenta
Toolinix está pensado para tareas cortas de desarrollo: pegue una muestra segura, revise el resultado, copie lo necesario y continúe.
Sin inicio de sesión
Puede usar las herramientas sin crear una cuenta, suscribirse a un boletín ni guardar un espacio de trabajo.
Local cuando es posible
Los formateadores, generadores, codificadores y utilidades de texto suelen ejecutarse en el navegador. Los diagnósticos de red pueden necesitar una consulta asistida por servidor para comprobar URLs, dominios o IPs públicos.
No pegue secretos
No pegue contraseñas de producción, claves privadas, tokens de acceso, datos de clientes ni datos regulados en herramientas online salvo que su propia política de seguridad lo permita.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.