Selenium convert Xpath (ID and Class) to CSS selector

Question

Trying to understand how to convert this Xpath to CSS locator.

 //div[@id='State']//input[@class='state-dropdown list']

Saurabh Gaur · Accepted Answer · 2016-10-17 14:07:16Z

1

//div[@id='State']//input[@class='state-dropdown list']

The valid cssSelector for this xpath would be :-

div#State input.state-dropdown.list

CSS #id Selector use to locate an element with their id attribute value
CSS element element Selector use to locate element that is inside paranet element. In your case, cssSelector would be locate <input> elements that would be inside <div> element.
CSS .class Selector use to locate an element with their class attribute value

answered Oct 17, 2016 at 13:58

Saurabh Gaur

23.9k11 gold badges56 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sudharsan Selvaraj · Accepted Answer · 2016-10-17 13:58:20Z

1

the cssSelector for above xpath is

div#State input.state-dropdown.list

here # represents id and . represents class name.

answered Oct 17, 2016 at 13:58

4,8323 gold badges16 silver badges22 bronze badges

Happy Bird · Accepted Answer · 2016-10-17 13:59:51Z

0

div#State input.state-dropdown.list

answered Oct 17, 2016 at 13:59

Happy Bird

1,1602 gold badges11 silver badges29 bronze badges

optimistic_creeper · Accepted Answer · 2016-10-17 14:40:37Z

0

Try with:

div#State * > input.state-dropdown.list

For more reference follow the link:

answered Oct 17, 2016 at 14:14

2,7993 gold badges25 silver badges38 bronze badges