爬蟲常用Xpath和CSS3選擇器對比

2022-08-30 00:36:14 字數 874 閱讀 2193

css是來配合html工作的,和xpath對比起來,css選擇器通常都比較短小,但是功能不夠強大。css中的空白符' 'xpath'//'都表示當前元素的所有後代(子孫)元素。

對於元素(標籤)的操作,xpath和css基本上都能通過各自的語法達到相同的動作,並且爬蟲中使用的都是一些相對簡潔明瞭的操作。

結果css3選擇器

xpath表示式

所有元素

*//*

所有p元素

p//p

所有p元素的子元素(只選一代)

p>*

//p/*

所有父元素為div的p元素

div p

//div//p

所有id為foo的元素

#foo 

//*[@id="foo"]

所有class為foo的元素

.foo

//*[@class="foo"]

擁有某個屬性的元素

*[title]

//*[@title]

title屬性為target的所有元素

*[title="target"]

//*[@title="target"]

所有p元素的第乙個子元素

p>*:first-child 

//p/*[0] 

所有擁有a元素的p元素

無法實現

//p[a]

p元素的下乙個兄弟元素

p+*//p/following-sibling::*[0]

css3 常用整理 (3)

先寫乙個關鍵幀,動畫按這個關鍵幀運動 keyframes move 100 複製 div複製 然後在div上繫結這個關鍵幀,animation和transition很像,有那麼幾個引數值 animation name animation duration animation timing funci...

常用CSS3特性

box shadow 盒子陰影 x軸,y軸,模糊距離,陰影半徑拓展,陰影顏色,inset 內投影 可以分別設定四邊,效能殺手 text shadow 字型陰影 x軸,y軸,模糊距離,陰影顏色 rgba rgba和opacity區別,只會對當前元素生效 語法 background linear gra...

CSS3 常用屬性

border radius 圓角 乙個值 四個值 每個值拆分成兩個方向值 box shadow 盒子陰影 效能殺手 box shadow x y 模糊半徑 陰影拓展半徑 陰影顏色 投影方式 text shadow 文字陰影 效能殺手 text shadow x y 模糊半徑 陰影顏色 rgba r,...