selenium之CSS定位彙總

2021-08-28 12:37:31 字數 1773 閱讀 7275

初次玩微博,只為積累知識點。出自沒有島的島主的部落格(

一:單一屬性定位

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:模糊匹配屬性值方法

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定位小結

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

selenium之CSS定位彙總

定位輸入框 一 單一屬性定位 1 type selector driver.find element by css selector input 2 id 定位 driver.find element by css selector kw 3 class 定位 driver.find element...