selenium之CSS定位彙總

2022-08-09 21:51:27 字數 1907 閱讀 9097

定位輸入框

一:單一屬性定位

1:type selector

driver.find_element_by_css_selector('input')

2:id 定位

driver.find_element_by_css_selector('#kw')

3:class 定位

driver.find_element_by_css_selector('.s_ipt')

4:其他屬性定位

driver.find_element_by_css_selector('[name='wd']')

driver.find_element_by_css_selector("[type='text']")

二:組合屬性定位

1:id組合屬性定位

driver.find_element_by_css_selector("input#kw")

2:class組合屬性定位

driver.find_element_by_css_selector("input.s_ipt")

3:其他屬性組合定位

driver.find_element_by_css_selector("input[name='wd']")

4:僅有屬性名,沒有值也可以

driver.find_element_by_css_selector("input[name]")

5:兩個其他屬性組合定位

driver.find_element_by_css_selector("[name='wd'][autocomplete='off']")

6:模糊匹配屬性值方法

1>屬性值由多個空格隔開,匹配其中乙個值的方法

driver.find_element_by_css_selector("input[class~='btn']")

2>匹配屬性值為字串開頭的方法

driver.find_element_by_css_selector("input[class^='btn']")

3>匹配屬性值字串結尾的方法

driver.find_element_by_css_selector("input[class$='s_btn']")

4>匹配被-分割的屬性值的方法,如上圖的class

driver.find_element_by_css_selector("input[class|='s']")  #要求精確填寫的屬性值

三:層級定位

1:e>f    e下面的f這個元素

driver.find_element_by_css_selector('from#form>span>input')#id是form的form下面的span下面的input

2:e:nth-child(n)  如上圖,

driver.find_element_by_css_selector('#u_sp > a:nth-child(1)')#id為u_sp的下面的第乙個a標籤。

#實測,這個定位不到,但是方法是對的,- -

3:e:nth-last-child(n),如字面意思:倒數第幾個標籤

4:e:first-child,第乙個標籤

5:e:last-child,最後乙個標籤

6:e:only-child,唯一的標籤

selenium元素定位之CSS

css是一種語言,用來描述html和xml文件的屬性,css使用選擇器來為頁面屬性繫結屬性。這些選擇器可以被selenium用來當做定位元素的策略。css選擇器常見的語法 選擇器舉例 描述.class dou class選擇器,選擇class dou 的所有元素 id gao id選擇器,選擇id ...

selenium之CSS定位彙總

初次玩微博,只為積累知識點。出自沒有島的島主的部落格 一 單一屬性定位 1 type selector driver.find element by css selector input 2 id 定位 driver.find element by css selector kw 3 class 定...

selenium之css定位小結

常見符號 表示 id選擇器 表示 class選擇器 表示子元素,層級 乙個空格也表示子元素,但是是所有的後代子元素,相當於 xpath 中的相對路徑 1.css可以通過元素的id class 標籤這三個常規屬性直接定位到 3.css用 號表示id屬性,如 kw 4.css用.表示class屬性,如 ...