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

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 :
cssSelector: #Email

Class :
cssSelector: .Email

Attribute :
cssSelector :input[name=‘Email’]

Multiple Attributes :
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?

[sridharsri]

Information is useful, but i felt some one is reading the news who does not know anything about technical information.