Cómo crear selectores CSS estables y bien delimitados.
Un selector debe identificar el objetivo con suficiente precisión y soportar pequeños cambios de diseño. Evita selectores posicionales si existen atributos significativos.
Adapta el flujo de trabajo a tu tarea.
Elige un atributo estable y significativo o una relación semántica y prueba el selector dentro del ámbito previsto. Comprueba cuántos elementos coinciden e incluye un estado o contenedor solo cuando sea necesario para identificar el objetivo correcto.
- Qué aportas
- Fragmento DOM aportado y elemento objetivo.
- Qué obtienes
- Selector con explicación de especificidad y estabilidad.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
DOM contains a button with data-action="export".
Ejemplo completo
button[data-action="export"] targets the declared action; check that the attribute is unique within the intended scope.
Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.
Decisiones y solución de problemas.
¿Debe el selector depender de la posición actual del elemento en una lista?
Prefiere un significado estable cuando exista. Los selectores posicionales pueden apuntar a otro elemento tras un pequeño cambio de diseño o datos.
¿Por qué el selector coincide con varios botones de exportación?
Limita el ámbito al contenedor pertinente o añade un atributo distintivo admitido. Verifica el número de coincidencias antes de usarlo para una acción.
Pruébalo con tu propia fuente.
Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.
Personalizar y copiar la tarea ↑