一、概述

cssSelector也是一種常用的選擇其，CSS locator比XPath locator速度快，用CSS Selector能非常精準(zhǔn)的定位到想測試的Elements

二、cssSelector常用符號說明

# 表示id

. 表示class

> 表示子元素，層級

一個空格也表示一個子元素，但是所有的子元素相當(dāng)于xpath中的相對路徑

三、cssSelector的常用用法

#input? 選擇id為input的節(jié)點(diǎn)

.Volvo? 選擇class為Volvo的節(jié)點(diǎn)

div#radio>input? 選擇id為radio的div下的所有的input節(jié)點(diǎn)

div#radio input? 選擇id為radio的div下的所有的子孫后代input節(jié)點(diǎn)

div#radio>input:nth-of-type(4)? 選擇id為radio的div下的第4個input節(jié)點(diǎn)

div#radio>nth-child(1)? 選擇id為radio的div下的第1個字節(jié)點(diǎn)

div#radio>input:nth-of-type(4)+label? 選擇id為radio的div下的第4個input節(jié)點(diǎn)之后挨著的label節(jié)點(diǎn)

div#radio>input:nth-of-type(4)~labe? 選擇id為radio的div下的第4個input節(jié)點(diǎn)之后的所有l(wèi)abel節(jié)點(diǎn)

input.Volvo[name='identity']? 選擇class為.Volvo并且name為identity的input節(jié)點(diǎn)

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

input[name^='ident']? 選擇以ident開頭的name屬性的所有input節(jié)點(diǎn)

input[name$='entity']? 選擇以'entity'結(jié)尾的name屬性的所有input節(jié)點(diǎn)

input[name*='enti']? 選擇包含'enti'的name屬性的所有input節(jié)點(diǎn)

div#radio>*.not(input)? 選擇id為radio的div的子節(jié)點(diǎn)中不為input的所有子節(jié)點(diǎn)

input:not([type='radio'])? 選擇input節(jié)點(diǎn)中type不為radio的所有節(jié)點(diǎn)

?

總結(jié)

以上是生活随笔為你收集整理的selenium之如何使用cssSelector定位页面元素的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。