wbe自动化测试----xpath定位与CSS定位

火狐插件安装插件
1.

2.

3.

4.

5.也可以直接搜索下载

2.3.1 xpath:属性定位

2.于是可以用以下xpath方法定位

2.3.2 xpath:其它属性
1.如果一个元素id、name、class属性都没有，这时候也可以通过其它属性定位到

2.3.3 xpath:标签

2.3.4 xpath:层级

3.如上图所示，要定位的是input这个标签，它的老爸的id=s_kw_wrap。
4.要是它老爸的属性也不是很明显，就找它爷爷id=form。
5.于是就可以通过层级关系定位到。

2.3.5 xpath:索引

4.用xpath定位老大、老二和老三（这里索引是从1开始算起的，跟Python的索引不一样）。

2.3.6 xpath:逻辑运算

2.3.7 xpath:模糊匹配

可以把xpath看成是元素定位界的屠龙刀。武林至尊，宝刀xpath，css不出，谁与争锋？下节课将亮出倚天剑css定位。

回到顶部
2.4 CSS定位

2.4.1 css:属性定位
1.css可以通过元素的id、class、标签这三个常规属性直接定位到
2.如下是百度输入框的的html代码：

<input id="kw" class="s_ipt" type="text" autocomplete="off" maxlength="100" name="wd"/>

3.css用#号表示id属性,如：#kw
4.css用.表示class属性，如：.s_ipt
5.css直接用标签名称，无任何标示符，如：input

2.4.2 css:其它属性

2.4.3 css:标签

2.4.4 css:层级关系

2.4.5 css:索引
1.以下图为例，跟上一篇一样：

2.css也可以通过索引option：nth-child(1)来定位子元素，这点与xpath写法用很大差异，其实很好理解，直接翻译过来就是第几个小孩。

2.4.6 css:逻辑运算