這篇“xpath定位和css定位的區(qū)別有哪些”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“xpath定位和css定位的區(qū)別有哪些”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進(jìn)入主題吧。

我們提供的服務(wù)有：成都做網(wǎng)站、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、秀洲ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的秀洲網(wǎng)站制作公司

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言，主要是用來設(shè)計(jì)網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對(duì)于網(wǎng)頁進(jìn)行格式化。

區(qū)別：1、XPATH中的直接子元素是使用“/”定義的，而在CSS上，它是使用“>”定義的。如果一個(gè)元素在另一個(gè)元素的內(nèi)部（子元素或者孫元素），則它在XPATH中使用“//”定義，而在CSS中僅使用空格定義。

xpath常見的定位方法

xpath定位和css定位對(duì)比

實(shí)際項(xiàng)目中使用較多的是xpath定位和css定位。XPath是XML文檔中查找結(jié)點(diǎn)的語法，換句話就是通過元素的路徑來查找這個(gè)元素。xpath比較強(qiáng)大，而css選擇器在性能上更優(yōu)，運(yùn)行速度更快，語法上更簡潔。比較兩種方法：

直接子元素

XPATH中的直接子元素是使用“/”定義的，而在CSS上，它是使用“>”定義的。

XPATH：//div/input
CSS: div>input

后代元素

如果一個(gè)元素在另一個(gè)元素的內(nèi)部（子元素或者孫元素），則它在XPATH中使用“//”定義，而在CSS中僅使用空格定義。

XPATH：//div//input
CSS: div input

ID定位

XPATH中的元素id使用以下內(nèi)容定義："[@id=‘kw’]"，而在CSS中使用："#kw"。

XPATH：//input[@id='kw']
CSS: input#kw

【 】

CLASS定位

對(duì)于class屬性，XPATH類似id，而CSS中用一個(gè)點(diǎn)表示。

XPATH：//input[@class="s_ipt"]
CSS: input.s_ipt

弟弟元素：following-sibling 繼兄弟

這對(duì)于表單元素非常有用，即頁面中位于同一父節(jié)點(diǎn)內(nèi)的下一個(gè)相鄰元素。

XPATH：//input[@class="s_ipt"]/following-sibling::a
CSS：input[class="s_ipt"]+a

哥哥元素：preceding-sibling 前兄弟

頁面中位于同一父節(jié)點(diǎn)內(nèi)的上一個(gè)相鄰元素。

XPATH：//a[@name='tj_baike']/preceding-sibling::a
CSS：無法實(shí)現(xiàn)

父節(jié)點(diǎn)元素

頁面中位于一個(gè)節(jié)點(diǎn)的上級(jí)元素。

XPATH: //input/parent
CSS: 無法實(shí)現(xiàn)

屬性值

我們可以根據(jù)任何屬性值定位元素。

XPATH: //input[@name='username']
CSS: input[name='username']

多個(gè)屬性值

我們甚至可以通過多個(gè)屬性來定位元素。

XPATH: //input[@name='rsv_spt' and @value="1"]
CSS: input[name='login'][type='submit']

第一個(gè)子元素

XPATH: //div[@id='u1']/a[1]
CSS: div#u1 a:first-child

最后一個(gè)子元素

XPATH: //div[@id='u1']/a[last()]
CSS: div#u1 a:last-child

第二個(gè)子元素

XPATH: //div[@id='u1']/a[2]
CSS: div#u1 a:nth-child(2)

模糊匹配

selenium中允許使用^=，$=或*=進(jìn)行部分字符串匹配。

^=匹配前綴

XPATH: input[starts-with(@id,'user')]
CSS: input[id^='user']

$=匹配后綴

XPATH: input[ends-with(@id,'name')]
CSS: input[id$='name']

*=匹配包含

XPATH: input[contains(@id,'sernam')]
CSS: input[id*=sernam]

以上是“xpath定位和css定位的區(qū)別有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享名稱：xpath定位和css定位的區(qū)別有哪些
網(wǎng)頁地址：http://www.chinadenli.net/article48/iigsep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、品牌網(wǎng)站設(shè)計(jì)、電子商務(wù)、App開發(fā)、企業(yè)網(wǎng)站制作、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)