Como criar seletores CSS estáveis e bem delimitados.
Um seletor deve identificar o alvo com precisão e ser estável diante de pequenas mudanças de layout. Evite seletores posicionais quando houver atributos significativos.
Adapte o fluxo à sua tarefa.
Escolha um atributo estável e significativo ou uma relação semântica e teste o seletor no escopo pretendido. Confira quantos elementos correspondem e inclua estado ou contêiner apenas quando necessário para identificar o alvo certo.
- O que você fornece
- Trecho DOM fornecido e elemento-alvo.
- O que você recebe
- Seletor com explicação de especificidade e estabilidade.
Veja a entrada e o resultado.
Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct
Exemplo campo
DOM contains a button with data-action="export".
Exemplo completo
button[data-action="export"] targets the declared action; check that the attribute is unique within the intended scope.
Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.
Decisões e solução de problemas.
Um seletor deve depender da posição atual do elemento numa lista?
Prefira significado estável quando disponível. Seletores posicionais podem apontar para outro elemento após pequena mudança de layout ou dados.
Por que o seletor corresponde a vários botões de exportação?
Restrinja o escopo ao contêiner relevante ou acrescente um atributo distintivo suportado. Verifique a quantidade de correspondências antes de usá-lo numa ação.
Teste com sua própria fonte.
Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.
Personalizar e copiar a tarefa ↑