Selenium Css Selector定位詳解

2022-06-20 06:48:14 字數 1367 閱讀 9483

工具

在chrome瀏覽中,在chropath中選擇selectors選項,就可以使用css-selector進行定位了

css selector使用方法

1、支援class、id定位,和css中選擇器一樣

#

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

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

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

.c1.c2.c3

2、支援標籤定位

支援標籤定位,但是一般頁面標籤重複的很多,一般可用來縮小查詢範圍

查詢input標籤下class='

classname'元素

input.classname

查詢input標籤下id='i1'

input

#i1

3、支援屬性定位

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

[name='n1'

]input[name='

n1']

4、單單屬性定位不足以滿足我們的定位需求,可以使用標籤+屬性,標籤+class/id定位

input[name='n1'

]input.classname

input

#i1

5、css selector也支援層級關係定位

與xpath的不同 css selector通過 >來區分層級的界定

select>option[value='

3']

6、支援多屬性定位

css selector 的多屬性組合選擇過濾 沒有and 只需要多個 連線 就可以

select[name='

city

'][size='

4'][multiple="

multiple

"]

7、css selector模糊匹配

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

input[value^="登"

] $=匹配屬性以什麼結尾

input[value$="錄"

]

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

[value*="

錄"]

Selenium Css Selector使用方法

什麼是css selector?css selector定位實際就是html的css選擇器的標籤定位 工具 css selector使用方法 1 css selector支援id class的定位 與html中css定位相同 號表id 定位有id的標籤方式更加簡潔 i1 代表class 定位有id的...

xpath mysql xpath定位方法詳解

1.xpath較複雜的定位方法 現在要引用id為 j password 的input元素,可以像下面這樣寫 webelement password driver.findelement by.xpath id j login form dl dt input id j password 其中 id ...

CSS定位以及z index屬性(層疊性)的詳解

定位方向 top left right bottom就這四個位置 一 靜態定位position static 靜態定位就是文件流,沒有別的意思,不需要寫 二 絕對定位 脫標 position absolute 1 如果用top描述,定位的參考點是整個頁面的最左上角,而不是瀏覽器的左上角 2 如果用b...