Selenium自動化測試（四）之css元素定位

Selenium自動化測試（四）之css元素定位

一、css元素定位

CSS可以通過元素的id、class、標簽（input）這三個常規屬性直接定位到

id-->> #

class-->> .

1、通過id進行定位

input#kw
#kw

2、通過class進行定位

input.s_ipt
.s_ipt

3、子類定位“>”：通過先定位父類（self）,再定位self下的子類

#s_kw_wrap>#kw

4、同級定位“+”： 通過先定位父類（self）,再定位self 同級的類

span#s_kw_wrap+input[name="rsv_spt"]

5、后代定位 “ ”：通過先定位父類（self）,再定位self 后代的類

input[name='wd']

a[title='清空']

6、模糊匹配屬性值方法

1>屬性值由多個空格隔開，匹配其中一個值的方法

input[class~='btn']

2>匹配屬性值為字符串開頭的方法

input[class^='btn']

3>匹配屬性值字符串結尾的方法

input[class$='s_btn']

7、多個元素共同定位

[id='kw'][class='s_ipt']

8、增加標簽過濾

form>input:nth-child(4)

---

二、Python中使用css元素定位

driver.find_element_by_css_selector("[id = 'kw'][class = 's_ipt']")

---

三、css 和 xpath 的區別

• 1、css 更加簡潔
• 2、xpath 的功能更強大。對於簡單的元素定位可以使用css, 復雜的元素使用xpath.
• 3、xpath 可以使用 text 文本定位， css 不行。
• 4、效率。通常來說，xpath 的解析效率會低。css 要快一些。

【完】

---