How do you implement element selection on a page — using CSS selectors or XPath expressions?

Selecting elements on a page is usually implemented through CSS selectors because they are simpler, faster, and more readable compared to XPath. CSS selectors are well supported by all modern browsers and automation tools.

I use XPath when it's difficult to select an element via CSS, for example, when you need to select an element by text or a complex hierarchy.

Example of a CSS selector:

button.submit-btn

Example of XPath:

//button[text()='Submit']