Selenium - Css Selector 使用方法


什么是Css Selector?

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

工具

Css Selector可以下載火狐瀏覽器插件,FireFinder 或 FireBug和FirePath組合使用。

 

使用方法:

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

定位ID:id = "navi"  ->

 #navi

定位Class: class = "inner" ->

.inner

多個Class定位: class = " c1 c2 c3" -> 

.c1.c2.c3

2. Css Selector支持任意屬性定位

[name="name"]

3. Css Selector提供了標簽屬性組合定位

input[name="name"]

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

Class ->
input.c1
ID    ->
input#i1
4. Css Selector提供了多屬性組合過濾
select[size='4'][multiple='multiple']
5. Css Selector支持層級關系定位
div.inner>input
select>option[value='3']
 

6. Css Selector模糊匹配

以xx開始

[placeholder^='請通過ID'] 

以xx結束
[placeholder$='ID定位元素'] 

包含xx
[placeholder*='ID'] 

 

優點:CSS選擇器語法比較簡潔,運行速度比較快。

缺點:不支持index定位

總結: 寫UI自動化時優先用Css Selector 選擇器,不能用在用Xpath 選擇器。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM