安定した範囲の明確な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 にコピーします。
タスクを調整してコピー ↑