xpath与css选择器元素定位参照表

描述Xpath                                                                                                      CSS Path

直接子元素//div/a                                                                                       div > a

子元素或后代元素//div//a                                                                        div a

以id定位//div[@id=’idValue’]//a                                                            div#idValue a

以class定位//div[@class=’classValue’]//a                                             div.classValue a

同级弟弟元素//ul/li[@class=’first’]/following-sibling::li                  ul>li.first + li

属性//form/input[@name=’username’]form                                     input[name=’username’]

多个属性//input[@name=’continue’ and @type=‘button’]            input[name=’continue’][type=’button’]

第4个子元素//ul[@id=’list’]/li[4]                                                           ul#list li:nth-child(4)

第1个子元素//ul[@id=’list’]/li[1]                                                          ul#list li:first-child

最后1个子元素//ul[@id=’list’]/li[last()]                                             ul#list li:last-child

属性包含某字段//div[contains(@title,’Title’)]                                  div[title*=”Title”]

属性以某字段开头//input[starts-with(@name,’user’)]                  input[name^=”user”]

属性以某字段结尾//input[ends-with(@name,’name’)]                 input[name$=”name”]

text中包含某字段//div[contains(text(), 'text')]                                               无法定位

元素有某属性//div[@title]                                                                                   div[title]

父节点//div/..                                                                                                         无法定位

同级哥哥节点//li/preceding-sibling::div[1]                                                     无法定位