Testador de seletores CSS
Seletor CSS
HTML
Resumo
Prévia de correspondências
Elementos correspondentes
Sobre o testador de seletores CSS
CSS Selector Tester verifica um seletor contra um bloco de HTML usando o mecanismo nativo de seletores do navegador.
É útil para depurar seletores complexos, verificar seletores de atributos, revisar markup aninhado ou confirmar o que querySelectorAll encontraria.
Como usar esta ferramenta
- Cole HTML no campo HTML.
- Digite o seletor CSS que deseja testar.
- Clique em Testar seletor para ver elementos correspondentes, caminhos e uma prévia destacada.
Dicas
- Use a calculadora de especificidade quando vários seletores correspondentes competirem na cascata.
- Seletores inválidos são reportados pelo parser do navegador.
- A prévia é sandboxed, então o markup colado não executa scripts.
Guias relacionados
Entenda o workflow por trás desta ferramenta e o que revisar depois.
Checks de SEO técnico antes de enviar um site
Um checklist para garantir que buscadores possam descobrir, rastrear, entender e indexar páginas importantes.
Como depurar respostas JSON de API
Formate a resposta, confirme o status HTTP, valide o schema e compare mudanças do payload antes de alterar código.
Verificações de seletores CSS antes de usar uma consulta
Teste seletores com markup representativo para encontrar os elementos desejados sem depender de estruturas frágeis.
Correspondências positivas e negativas
Inclua elementos que devem corresponder, casos próximos que não, componentes repetidos e containers vazios ou opcionais.
Estados dinâmicos
Verifique o markup antes e depois de renderização cliente, lazy loading, validação, navegação e mudanças de estado.
Compatibilidade
Confirme suporte a :has(), namespaces, escaping e extensões não padrão no navegador ou biblioteca de destino.
Hooks estáveis
Use classes ou data attributes próprios para scripts e testes em vez de aninhamento visual ou nomes gerados.
Privacidade e uso
Verificações rápidas sem conta
Toolinix foi feito para tarefas curtas de desenvolvimento: cole uma amostra segura, revise o resultado, copie o que precisa e siga em frente.
Sem login
Você pode usar as ferramentas sem criar conta, assinar newsletter ou salvar um workspace.
Local quando possível
Formatadores, geradores, codificadores e utilitários de texto geralmente rodam no navegador. Diagnósticos de rede podem precisar de uma consulta assistida pelo servidor para verificar URLs, domínios ou IPs públicos.
Não cole segredos
Não cole senhas de produção, chaves privadas, tokens de acesso, dados de clientes ou dados regulados em ferramentas online, a menos que sua própria política de segurança permita.
Ferramentas relacionadas
Você também pode achar essas ferramentas úteis.