css与xpath高级元素定位语法对比

id:          #id                                    //*[@id="value"]
class       .class1.class2
            [class="class1  class2"]                //*[@class="class1  class2"]
属性         [属性名='属性值']                          //*[@属性名='属性值']
            [属性名^=属性值](开头是)                     starts-with(@属性名,'属性开头的值')
            [属性名*=属性值](包含)                      contains(@属性名,'属性包含的值')
            [属性名$=属性值](结尾)
文体         无                                        //*[text()='value']
                                                     //*[contains(text(),'包含文本值')]
下标       [class="class1]>:first-child               (//*[@class=“a”])[1]       定位下标为一的元素
          [class="class1]>:last-child                (//*[@class=“a”])[last()]  定位下标为倒数第一的元素
          [class="class1]>input:nth-child(2) 2代表input标签是父节点下的第二个标签
轴定位     div p   div下的p（子孙元素）                     //div//p
          div>p   div下的p（儿子）                        //div/p
          p+input  p标签下的input，input和p是紧挨着的
                                                        //*[@id='alert']/..   父节点
                                                        //*[@id='div2']//following::div  选取文档中当前节点的结束标签之后的所有节点
                                                        //*[@id='div2']//preceding::body 选取文档中当前节点的开始标签之前的所有节点