Selenium的Css Selector使用方法

什麼是Css Selector？

Css Selector定位實際就是HTML的Css選擇器的標籤定位

工具

Css Selector的練習建議大家安裝火狐瀏覽器後，下載外掛，FireFinder 或 FireBug和FirePath組合使用。

Css Selector使用方法

1、Css Selector支援ID、Class的定位與HTML中CSS定位相同

# 號表id 定位有id的標籤方式更加簡潔

#i1





. 代表Class 定位有id的標籤方式更加簡潔

.c1

Class定位還提供了多個Class定位 通過連續 . 來縮小範圍

.c1.c2.c3

2、Css Selector支援標籤定位沒什麼卵用

與Css相同支援標籤選擇器，但並沒有什麼用，一個頁面重複的標籤太多

定位方式：直接輸入標籤名稱

3、Css Selector支援任意屬性定位

屬性定位方式與css相同,直接中括號，加上屬性就可以了

[name='n1']

4、單單屬性定位不足以滿足我們的定位需求，Css Selector提供了標籤屬性組合定位

與css 定位相同 等同於我們標籤屬性選擇器

input[name='n1']

當與ID、Class 組合使用時書寫方式更為簡單

Class

input.c1

ID

input#i1

5、Css Selector提供了多屬性組合過濾

Css Selector 的多屬性組合選擇過濾 沒有and 只需要多個[] 連線 就可以

select[name='city'][size='4'][multiple="multiple"]

6、同樣Css Selector也支援層級關係定位

與Xpath的不同 Css Selector通過 > 來區分層級的界定

select>option[value='3']

7、Css Selector模糊匹配

^= 匹配元素屬性以什麼開頭

input[value^="登"]

$= 匹配屬性以什麼結尾

input[value$="錄"]

*= 匹配屬性包含什麼值 input

[value*="錄"]

倚天劍我們已經是不是比屠龍刀更加的鋒利？

畢竟倚天劍和屠龍刀不是一般人能夠使用的，如果屠龍刀與倚天劍揮舞不起來，還有個簡單的神器，Selenium Builder。

轉載至https://www.cnblogs.com/feng0815/p/8367672.html

最新文章