如何创建稳定且范围明确的 CSS 选择器。
选择器应足够精确地识别目标，也足够稳定以应对小幅布局变化。有意义的属性可用时，避免位置选择器。
按任务需求调整流程。
选择有意义的稳定属性或语义关系，再在预期范围内测试选择器。检查匹配数量，仅在识别正确目标所必需时加入状态或容器。
- 你需要提供什么
- 提供的 DOM 片段和目标元素。
- 你会得到什么
- 附优先级与稳定性说明的选择器。
查看输入和结果。
演示用输入和输出 · 教学示例，并非 WebAct 实时运行结果
示例 个输入项
DOM contains a button with data-action="export".
完整示例
button[data-action="export"] targets the declared action; check that the attribute is unique within the intended scope.
将这份输入载入提示词，再复制到 WebAct 中尝试任务。实际结果可能与示例不同。
决策与问题排查。
选择器应依赖元素在列表中的当前位置吗？
有条件时优先采用稳定含义。位置选择器可能在小幅布局或数据变化后指向另一元素。
为什么选择器匹配了多个导出按钮？
将范围缩小到相关容器，或加入受支持的区分属性。在执行操作前确认匹配数量。
使用自己的资料试一试。
将任务提示词中的示例换成你的材料。保留所需条件，再把任务复制到 WebAct。
自定义并复制任务 ↑