自动化测试中xpath和css selector元素定位语法

除了常规的By(id,name,classname,linktext,partillinktext.tagname)外,常用的还有xpath和css selector定位,当然,id,name定位底层调用的还是css selector定位,

Xpath定位

1.        /bookstore/book[1]        选择bookstore元素中所有的book元素中的第一个book元素

2.        /bookstore/book[last()]        选择bookstore元素下所有book元素的最后一个book元素

3.        /bookstore/book[last()-1]        选择bookstore元素下所有book元素的倒数第二个book元素

4.        /bookstore/book[position()<3]  选择最前面的两个属于bookstore元素的子元素的book元素

5.        //title[@type='text']                       选择所有的拥有type属性,且type属性值为'text'的title元素

6.        /bookstore/book[price>10.00]        选择bookstore元素的所有book元素,

                                                                        且其中的price元素的值必须大于10.00

7.        /bookstore/book[price>10.00]/title        选择bookstore元素的所有book元素的所有title元素,

                                                                                且其中的price元素的值必须大于10.00

附:控制台中校验xpath元素定位

CSS selector定位

1.        .class--->.s_tab_inner        选择class="s_tab_inner"的所有元素

2.        #id--->#firstname        选择id='firstname'的所有元素

3.        *--->*        选择所有元素

4.        element_tag,element_tag--->div,p        选择所有<div>标签元素和所有<p>标签的元素

5.        element_tag element_tag--->div p        选择<div>元素内部的所有子孙<p>元素

6.        element_tag>element_tag--->div>p        选择父元素为<div>元素的所有子<p>元素

7.        element_tag>element_tag--->div+p        选择紧接在<div>元素后的所有<p>元素

8.        [attribute]--->[target]        选择带有target属性的所有元素

9.        [attritute=value]--->[target=_blank]        选择属性target="_blank"的所有元素

10.        :nth-child(n)--->p:nth-child(2)        选择属于其父元素的第二个子元素的每个<p>元素

附:控制台中校验css selector元素定位