Examples with xpath and Css (ID, Name, Text and Links)

In order to perform any operation on the element like click or type into an element, we need to locate that element. It is very simple to locate elements if the HTML DOM has 'id' or 'name' and they are the safest locators to use. As we know it is always better to use ID and Name to locate the elements which will work for sure. You don't need to search for any other locator if there is ID or unique name present in your application.

But with the applications designed using modern JavaScript Frameworks like Angular, React and Vue.js have no proper web elements in DOM.

CSS selectors for Selenium with example

When we don't have an option to choose Id or Name, we should prefer using CSS locators as the best alternative.
CSS is "Cascading Style Sheets" and it is defined to display HTML in structured and colorful styles are applied to webpage.

Selectors are patterns that match against elements in a tree, and as such form one of several technologies that can be used to select nodes in an XML document. Visit to know more W3.Org Css selectors