Selenium Css Selector定位詳解

工具

在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...