目錄
1.通過class屬性定位
2.通過id屬性定位
3.通過標(biāo)簽名定位
4.其他方法定位
? ?CSS是一種語言，它可以比較靈活的選擇控件的任意屬性，一般情況下比Xpath快，下面我們詳細(xì)介紹CSS的用法。CSS常見語法如下表所示：?
| 選擇器 | 示例 | 描述 |
| .class | .s_ipt | 選擇class="s_ipt"的所有元素 |
| #id | #kw | 選擇id="kw"的所有元素 |
| * | * | 選擇所有元素 |
| element | input | 選擇所有<input>元素 |
| element>element | span>input | 選擇<span>下的所有<input>元素 |
| element+element | div+a | 選擇同一級(jí)中<div>元素之后的所有<a>元素 |
| [attribute=value] | [type=text] | 選擇type="text"的所有元素 |
還是以百度輸入框和搜索按鈕為例：?
1.通過class屬性定位
driver.find_element(By.CSS_SELECTOR,'.s_ipt')2.通過id屬性定位
driver.find_element(By.CSS_SELECTOR,'#kw')3.通過標(biāo)簽名定位
# 因?yàn)閕nput標(biāo)簽不是唯一的，所以無法成功定位
driver.find_element(By.CSS_SELECTOR,'input')
標(biāo)簽名相同的概率非常大，所以通過標(biāo)簽名定位元素很難找到想要的元素，因此我們可以通過zu組合方法來定位。
4.其他方法定位
（1）通過父子關(guān)系定位，用‘>’表示。
driver.find_element(By.CSS_SELECTOR,'form>span>input')（2）通過屬性定位，[attribute=value]即[屬性名=屬性值]。
driver.find_element(By.CSS_SELECTOR,'[name="wd"]')（3）組合定位。
①tag name+class
driver.find_element(By.CSS_SELECTOR,'input.s_ipt')②tag name+id
driver.find_element(By.CSS_SELECTOR,'input#kw')
③tag name+attribute
driver.find_element(By.CSS_SELECTOR,'input[name="wd"]')Xpath與CSS類似功能的對比如下表所示：
| 定位方式 | Xpath | CSS |
| tag name | //input | input |
| id | //input[@id='kw'] | input#kw |
| class | //input[@class='s_ipt'] | input.s_ipt |
| 屬性 | //input[@type='text'] | input[type=text] |
| 子元素 | //span/input |
span>input |
總結(jié)：
????????通過對比可以看出來，CSS語法更加簡潔，可以滿足日常定位元素需求，所以更推薦大家使用。文章來源：http://www.zghlxwxcb.cn/news/detail-796889.html
下一篇：自動(dòng)化測試學(xué)習(xí)（七）-正則表達(dá)式，你真的會(huì)用嗎？文章來源地址http://www.zghlxwxcb.cn/news/detail-796889.html
到了這里，關(guān)于自動(dòng)化測試學(xué)習(xí)（六）-selenium定位元素之CSS選擇器詳細(xì)用法的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
