Convert xPath into CSS selector

Question

Is there a way to convert these to a CSS selectors?

1) '//form//div[contains(@class,"myclass")]'

2) '//div[contains(@class,"myclass")]//input[@type="submit"]'

3) './/label[(substring(./@for, ((string-length(./@for) - string-length('_state')) + 1)) = '_state')]'

ghostinspector.com/docs/css-xpath-conversion this might help. Unless you're looking to automate it. — Alex
– Alex, Commented May 28, 2019 at 14:39

supputuri · Accepted Answer · 2019-05-28 19:49:57Z

1

Here are the css for the first 2.

'//form//div[contains(@class,"myclass")]'

form div[class*='myclass']

'//div[contains(@class,"myclass")]//input[@type="submit"]'

div[class*='myclass'] input[type='submit']

'.//label[(substring(./@for, ((string-length(./@for) - string-length('_state')) + 1)) = '_state')]'

label[for $='_state']

answered May 28, 2019 at 19:08

supputuri

14.2k2 gold badges26 silver badges42 bronze badges

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

1 Comment

These work. Thank you. And the link above was very helpful too