Selenium之Css Selector使用方法

什麼是Css Selector?

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

經過路徑 解析html的一種格式

 

使用方法

*****************************************************************

一、Css Selector支持 ID、Class、標籤選擇器 定位,與HTML中CSS定位相同

#i //id定位

.c1 //class定位

.ci.c2.c3 //class定位還提供了多個class定位，經過連續 . 來縮小範圍

input //標籤訂位

*****************************************************************

二、Css Selector支持 任意屬性 定位

惟一屬性定位

[name='name']

多屬性組合定位

[name='name'][type='text']

*****************************************************************

三、Css Selector提供了 標籤屬性組合 定位

input[name='name']

*****************************************************************

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

select[size='4'][multiple='multiple']

*****************************************************************

五、Css Selector支持 層級 定位

select>option[value='1']

body>div[id='basebody']>div>div[class='driver']>div

*****************************************************************

六、Css Selector模糊匹配

input[placeholder^='請經過ID'] //開頭

input[placeholder$='ID定位元素'] //結尾

input[placeholder*='ID'] //包含

*****************************************************************

重點內容：

主用Css Selector定位，輔用Xpath定位：

Css Selector不支持 角標定位，因此在經過Css Selector必須使用角標進行定位時，則能夠選擇使用Xpath進行定位。

*****************************************************************