Selenium with Java 12 - XPath vs Css Selector | Differences between XPath & Css Selector in selenium

XPath vs Css Selector | Differences between XPath & Css Selector in selenium Like our facebook page www.facebook.com/ankprotraining Xpath and CSS which is better in selenium? xpath locator in selenium : xpath stands for XML Path xpath is used to find the element in the HTML DOM The success rate of finding an element using xpath is too high xpath is used where element has no other way of locating xpath provider plugins are available but encouraged to use only to validate the user written XPath cssSelector locator in selenium : css stands for cascading style sheet css Selector is used to find the element in the HTML DOM using style sheet language. The success rate of finding an element using css Selector is less compare to Xpath. Older browsers do not support all css features. css Selector is a combination of an element selector and a value which identifies the web element within a web page. xpath vs cssSelector : XPath Slower in IE Can locate element by text Can locate parent elements Starts with / or // More flexible CSS Selector Faster in all browsers Can not locate by element by text Locates elements only in forward direction Locator looks neat and clean Some CSS selectors will not work all browsers Child : If an element is one of it’s child, it’s defined in XPATH using “//” and in CSS just by a whitespace. xpath://div//a cssSelector: div a ID : An elements id in Xpath is defined using “[@id=‘Email’]” and CSS using”#” xpath://input[@id=‘Email’] cssSelector: #Email Class : An elements class in Xpath is defined using “[@class=‘form-control’]” and CSS using”.” xpath://input[@class=‘form-control’] cssSelector: .Email Attribute : An attribute in xpath is defined using “[@name=‘Email’]” and CSS using “[name=‘Email]”. xpath ://input[@name=‘Email’] cssSelector :input[name=‘Email’] Multiple Attributes : An multiple attributes in xpath is defined using “[@name=‘Email’ and @type=‘Email’]” and CSS using “[name=‘Email][type=‘text’]”. xpath ://input[@name=‘Email’ and @type=‘text’] cssSelector :input[name=‘Email’][type=‘text’] Possible Interview Questions on xpath and css selector in selenium : Why css selector is preferred when compared to xpath? What are differences between xpath and css selectors? What benefits we will get in css selectors over xpath?