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後代元素選擇器,...