Как може да се определи елемент с помощта на CSS или XPath селектор?

За определяне на елемент с помощта на CSS селектор се използват различни методи, базирани на структурата и атрибутите на HTML:

• По таг: div, input, button и др.
• По клас: .имеКлас (например .btn-primary)
• По идентификатор: #идентификаторНаЕлемента
• По атрибути: [type='text'], [name='потребителскоИме']
• Комбинации: div.имеКлас, ul > li:first-child

Пример за CSS селектор:

input[type='submit'].btn

XPath позволява по-гъвкаво и точно намиране на елементи, използвайки път в DOM и условия:

• По таг: //div
• По атрибут: //input[@type='text']
• По текст: //button[text()='Изпрати']
• По индекс: (//li)[3] — трети елемент li
• Връзка с други елементи: //div[@id='главен']//a[@class='връзка']

Пример XPath:

//input[@name='потребителскоИме' and @type='text']

Изборът между CSS и XPath зависи от задачата и структурата на страницата. CSS е по-прост и по-бърз, XPath е по-мощен за сложни условия.