Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Power Automate for desktop の CSSセレクタでWeb操作が快適に

Spumoni
January 17, 2022

Power Automate for desktop の CSSセレクタでWeb操作が快適に

RPA COMMUNITY
【自動化ネタ・IT活用ネタ】ライトニングトーク大会! vol.32

Spumoni

January 17, 2022
Tweet

More Decks by Spumoni

Other Decks in Technology

Transcript

  1. CSSセレクターとは ① ② ③ ④ ⑤ ⑥ ⑦ html >

    body > div:eq(0) > div > div:eq(1) > div:eq(0) > p:eq(0) ① ② #FirstLetter > p.bold-01 Power Automate for desktopは、最上部(html)から全てのセレクタを記述するが、 Microsoft Edgeでは場所が特定できる部分を抜き出して記述している。
  2. セレクター、結合子、フィルター セレクター 優先度は、 IDセレクター > 要素型セレクター > クラスセレクター = 属性セレクター

    ※IDセレクターは、原則として1ページ上でユニークになっています。原則に従っているページなら、IDが設定されている場所へ 間違いなく飛ぶことができます。ただし、あくまで原則なので、IDが重複しているページもあります。 例 <a href="https://sample.org" id="link" class=“urlclass”> 名称 値 書き方 要素 a a クラス urlclass .urlclass a.urlclass ID link #link a#link 属性 href id class [href] a[id="link"] a[href^="https"][href*=".com"]