Selenium将Xpath（ID和Class）转换为CSS选择器

Question

尝试了解如何将此Xpath转换为CSS定位器。

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

Answer 1

上面xpath的cssSelector是

div#State input.state-dropdown.list

此处# represents id和. represents class name。

Answer 2

  

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

此cssSelector的有效xpath将是： -

div#State input.state-dropdown.list

From CSS Selector Reference

• CSS #id Selector用于查找具有其ID属性值

的元素

• CSS element element Selector用于定位paranet元素内的元素。在您的情况下，cssSelector会找到位于<input>元素内的<div>元素。

• CSS .class Selector用于查找具有类属性值

的元素

Answer 3

div#State input.state-dropdown.list

Answer 4

尝试：

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

有关更多参考，请访问以下链接：

http://www.w3schools.com/css/css_combinators.asp