Come si può identificare un elemento usando un selettore CSS o XPath?

Per determinare un elemento utilizzando un selettore CSS, si impiegano diversi metodi basati sulla struttura e sugli attributi HTML:

• Per tag: div, input, button, ecc.
• Per classe: .nomeClasse (ad esempio, .btn-primary)
• Per identificatore: #idElemento
• Per attributi: [type='text'], [name='nomeUtente']
• Combinazioni: div.nomeClasse, ul > li:first-child

Esempio di selettore CSS:

input[type='submit'].btn

XPath permette di trovare gli elementi in modo più flessibile e preciso, usando il percorso nel DOM e le condizioni:

• Per tag: //div
• Per attributo: //input[@type='text']
• Per testo: //button[text()='Invia']
• Per indice: (//li)[3] — terzo elemento li
• Relativamente ad altri elementi: //div[@id='principale']//a[@class='link']

Esempio di XPath:

//input[@name='nomeUtente' and @type='text']

Quindi, la scelta tra CSS e XPath dipende dal compito e dalla struttura della pagina. CSS è più semplice e veloce, XPath è più potente per condizioni complesse.