Jak lze určit prvek pomocí CSS nebo XPath selektoru?

Pro určení prvku pomocí CSS selektoru se používají různé způsoby založené na struktuře a atributech HTML:

• Podle tagu: div, input, button atd.
• Podle třídy: .názevTřídy (například .btn-primary)
• Podle ID: #idPrvku
• Podle atributů: [type='text'], [name='uživatelskéJméno']
• Kombinace: div.názevTřídy, ul > li:first-child

Příklad CSS selektoru:

input[type='submit'].btn

XPath umožňuje najít prvky flexibilněji a přesněji pomocí cesty v DOM a podmínek:

• Podle tagu: //div
• Podle atributu: //input[@type='text']
• Podle textu: //button[text()='Odeslat']
• Podle indexu: (//li)[3] — třetí prvek li
• Vztah k jiným prvkům: //div[@id='hlavní']//a[@class='odkaz']

Příklad XPath:

//input[@name='uživatelskéJméno' and @type='text']

Volba mezi CSS a XPath závisí na úkolu a struktuře stránky. CSS je jednodušší a rychlejší, XPath je výkonnější pro složitější podmínky.