xpath與css_selector定位詳解

例題：分別用xPath和css_selector定位下圖的img標籤

 

答案：  xpath：.//*[@id='fstscr']/div[3]/div[2]/a/img

            css_selector： .special>a>img

 

（一）xPath詳解：

 

 

 

xpath：.//*[@id='fstscr']/div[3]/div[2]/a/img

 

 

（二）css_selector詳解：

 

用css定位就不須要從最上面一層開始定位了，能夠從當前層最近的容易定位的元素（class或者id）開始。還要記住，在css定位中，點.表示class，#表示id。個人記法是「點class」，記住了這個天然就知道#井號表示id了。

css_selector：   .special>a>img

 

你們一時記不住不用着急，只須要多用那個Firefox的工具，看看它是怎麼寫的就好，說實在的，我如今定位時歷來不本身去寫，全都是複製過來的xPath，嫌xPath太長了就改用css_selector，或者有id時就用id，總之不多本身寫。

 

微信公衆號搜索「自動化測試實戰」或掃描下方二維碼添加關注~~~