cssselector元素定位

2022-07-24 07:36:16 字數 1095 閱讀 1257

cssselector也是一種常用的選擇器,css locator比xpath locator速度快,用css selector能非常精準的定位到想測試的elements

# 表示id

. 表示class

> 表示子元素,層級

乙個空格也表示乙個子元素,但是所有的子元素相當於xpath中的相對路徑

#input 選擇id為input的節點

.volvo 選擇class為volvo的節點

div#radio>input 選擇id為radio的div下的所有的input節點

div#radio input 選擇id為radio的div下的所有的子孫後代input節點

div#radio>input:nth-of-type(4) 選擇id為radio的div下的第4個input節點

div#radio>nth-child(1) 選擇id為radio的div下的第1個子節點

div#radio>input:nth-of-type(4)+label 選擇id為radio的div下的第4個input節點之後挨著的label節點

div#radio>input:nth-of-type(4)~labe 選擇id為radio的div下的第4個input節點之後的所有label節點

input.vovlo[name='identity'] 選擇class為.volvo並且name為identity的input節點

input[name='identity'][type='radio']:nth-of-type(1) 選擇name為identity且type為radio的第1個input節點

input[name^='ident'] 選擇以ident開頭的name屬性的所有input節點

input[name$='entity'] 選擇以'entity'結尾的name屬性的所有input節點

input[name*='enti'] 選擇包含'enti'的name屬性的所有input節點

div#radio>*.not(input) 選擇id為radio的div的子節點中不為input的所有子節點

input:not([type='radio']) 選擇input節點中type不為radio的所有節點

Web元素定位之CSS Selector

target css 3 xpath 所有元素 所有的p元素 p p 所有的p元素的子元素 p p 根據id獲取元素 轉義 id id id 根據class獲取元素 class contains class,class 擁有某個屬性的元素 title title 所有p元素的第乙個子元素 p fir...

定位方法之css selector定位

1.css層疊樣式表,修飾html或xml的檔案樣式,css裡包含selector選擇器的技術,可以選擇介面上的元素 也就是我們所說的定位元素 可以像xpath一樣描述元素的特徵或路徑。優點是比xpath定位元素速度更快 更簡潔短小,缺點是功能沒有xpath強大,不能向前查詢。css定位和xpath...

元素定位之css selector 選擇器定位)

語法 find element by css selector css選擇器定位策略 或者 find elements by css selector css選擇器定位策略 find element by css selector input autocomplete off tips 和xpath...