Créer des sélecteurs CSS stables et bien délimités.
Un sélecteur doit identifier la cible assez précisément et résister aux petits changements de mise en page. Évitez les sélecteurs positionnels si des attributs significatifs existent.
Adaptez le processus à votre tâche.
Choisissez un attribut stable et significatif ou une relation sémantique, puis testez le sélecteur dans la portée prévue. Vérifiez le nombre d’éléments correspondants et ajoutez état ou conteneur seulement si nécessaire pour identifier la bonne cible.
- Ce que vous fournissez
- Fragment DOM fourni et élément cible.
- Ce que vous obtenez
- Sélecteur avec explication de spécificité et de stabilité.
Consultez les données et le résultat.
Entrée et sortie illustratives · exemple pédagogique, pas une exécution WebAct en direct
Exemple champ
DOM contains a button with data-action="export".
Exemple complet
button[data-action="export"] targets the declared action; check that the attribute is unique within the intended scope.
Chargez ces données dans le prompt, puis copiez-le dans WebAct pour essayer la tâche. Votre résultat peut différer de l'illustration.
Décisions et dépannage.
Le sélecteur doit-il dépendre de la position actuelle de l’élément dans une liste ?
Préférez un sens stable lorsqu’il existe. Un sélecteur positionnel peut viser un autre élément après un petit changement de disposition ou de données.
Pourquoi le sélecteur correspond-il à plusieurs boutons d’export ?
Limitez la portée au conteneur pertinent ou ajoutez un attribut distinctif pris en charge. Vérifiez le nombre de correspondances avant de l’utiliser pour une action.
Essayez avec votre propre source.
Remplacez l'exemple par vos données dans le prompt. Gardez les exigences nécessaires, puis copiez la tâche dans WebAct.
Personnaliser et copier la tâche ↑