В чем разница между CSS и XPath

CSS и XPath — это селекторы для поиска элементов в DOM.

CSS:

• Проще и читабельнее
• Быстрее работает в большинстве браузеров
• Поддерживает только прямую навигацию (вниз по DOM)
• Пример: button.submit-btn

XPath:

• Гибче, поддерживает сложные запросы (поиск вверх, по тексту, атрибутам)
• Медленнее, но мощнее (например, поиск по тексту: //button[contains(text(), 'Submit')])
• Подходит для сложных структур, где CSS не справляется

Когда использовать:

• CSS — для простых и быстрых запросов
• XPath — когда нужна гибкость (например, поиск по динамическому тексту или сложным условиям)

Пример в Selenium:

// CSS
driver.findElement(By.cssSelector("input#username"));  

// XPath
driver.findElement(By.xpath("//input[@id='username']"));