selenium中CSS選擇器

2021-09-08 16:01:07 字數 1471 閱讀 8509

css 選擇器 是瀏覽器用來選擇元素的,  我們selenium 也要選擇元素,也可以使用css 的選擇器語法來選擇 web 元素。 而且這種方法效率還非常的高。

根據 tag 名 選擇

p 表示選擇所有的 p 元素 , 執行一下都變成紅色了

如果改為

p   ,執行一下

這裡面 選擇器就根據元素標籤名。。。。起到了選擇的作用

------

根據  id ,修改一下

#food 表示選擇id為 food的 元素 ,

如果改為

#food2  , 執行一下

這裡面 選擇器就根據  id 。。。。起到了選擇的作用

------

根據class 選擇,修改一下

.special  

有的元素 有兩個class 值,

<span

class="vegetable good"

>

黃瓜span

>

.good  

.vegetable 表示選擇所有的 class

為 vegetable 的元素 ,

注意<span

class="vegetable good"

>

黃瓜span

>

表示這個元素 有兩個class 值, 而不是 乙個vegetable good整體的屬性

這裡面 選擇器就根據  class。。。。起到了選擇的作用

可以.vegetable.good

----

當然也可以組合寫 span.vegetable  

這樣p.vegetable 就不會被選中

<p

class="vegetable"

>

青菜p

>

後續課程中也會陸續講到css的高階使用技巧

eles

= driver

.find_elements_by_css_selector

('#choose_car option')

語法 如下

表示 選擇s1 元素 裡面 所有的s2元素, s2可以是s1的直接子節點,也可以不是

其中可以是我們前面學過的css 根據tag名、id 、 class 描述的任何語法

比如:#choose_car option 

就是 選擇 id為 choosecar 的元素的內部的 標籤為option 的子元素。

到底是 不是直接子元素,不重要,

只要是 屬於choose_car 的內部的option元素就可以了。

selenium元素定位之css選擇器

在selenium元素定位時會用到css選擇器選取元素,雖說xpath在定位元素時能解決大部分問題,但使用css選擇器選取元素也是一種不錯的選擇。css相較與xpath選擇元素優點如下 常用的css選擇器大致分為以下幾種 1.基礎選擇器 基礎選擇器包括 事列 style標籤中定義css選擇器,以下為...

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

在selenium中使用css選擇器進行元素定位

通用元素選擇器,匹配任何元素 e標籤選擇器,匹配所有使用e標籤的元素 info class選擇器,匹配所有class屬性中包含info的元素 footer id選擇器,匹配所有id屬性等於footer的元素 e,f多元素選擇器,同時匹配所有e元素或f元素,e和f之間用逗號分隔 e f後代元素選擇器,...