转载一篇灰蓝的文章，原文地址：http://blog.csdn.net/huilan_same/article/details/52806985
XPath、CSS定位速查表
HTML版如下：
| 描述 | 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] | 无法定位 |
小结：（个人加）
1、/ ，是说在当前元素子元素找
2、// ，是说在子元素和孙元素（所有后代元素）都找，1和2 ，找的范围是不同的。
3、//xxx[@yyy='zzz'] , 找xxx这个类型的元素（这个可以是通配符*），这个类型需要满足什么要求呢？他有一个属性yyy且值等于zzz。注意写法，属性前面有@符号，值是被引号引起来的。
4、使用and，//input[@name=’continue’ and @type=‘button’]。见过一次，需要通过两个属性的值可以唯一定位到目标元素。
5、//xxx[1]，根据index来定位元素，这个尽量少用，考虑到定位器的健壮性。可以参考我那篇翻译的文章
6、 //xxx[last()]，定位最后一个xxx元素
7、//xxx[continues(@yyy,'zzz')]，yyy属性值中包含zzz字符。
//xxx[starts-with(@yyy,'zzz')]，yyy属性值中以zzz字符开始，这个常用在需要定位元素有动态id的时候
//xxx[ends-with(@yyy,'zzz')]，yyy属性值中以zzz字符结束
注意starts-with，ends-with，是复数，不是start-with，end-with
8、//xxx[continues[text(),'zzz'] ， text中包含某字段；这个在某种情况下很有用；