爬蟲入門1 css選擇器

2021-08-22 04:58:03 字數 877 閱讀 5323

css選擇器:一種快速定位元素的方法*

選擇所有元素

.class

.intro 選擇所有class="intro"的元素

#id

#firstname 選擇所有id = "firstname"的元素

element

p 選擇所有元素

:not(selector)

:not(p) 選擇所有非p元素的元素

element,element

div,p 選擇所有和元素

element element

div p 選擇元素內的所有元素(後代)

element>element

div>p 選擇所有父級是的元素(兒子)

element~element

p~ul 選擇p元素後的每乙個ul(弟弟)

element+element

div+p 選擇所有緊跟元素之後的元素(第乙個弟弟)

[attribute]

[target] 選擇所有帶有target屬性的元素

[attribute=value]

[target=_blank] 選擇所有使用target="_blank"屬性的元素

[attribute^=value]

a[src^="https"] 選擇每乙個src屬性的值以"https"開頭的元素

[attribute$=value]

a[src$=".pdf"] 選擇每乙個src屬性的值以".pdf"結尾的元素

[attribute*=value]

a[src*="skr"] 選擇每乙個src屬性包含字串skr的元素

element.class 

p.skr 所有class="skr"的p元素

1 CSS新特性之選擇器

例1 直接寫屬性 按鈕 按鈕 按鈕 按鈕button 屬性選擇器的使用方法 這種方法不需要重新起類名 選擇的是既有button,又有disabled這個屬性的元素 類選擇器 屬性選擇器 偽類選擇器 權重為10 直接寫屬性 button disabled 例2 屬性等於值的方法 例3 圖示1 圖示2圖...

爬蟲 css選擇器 和 xpath選擇器

ret soup.select my p ret soup.select body p 子子孫孫 ret soup.select body p 直接子節點 兒子 ret soup.select body p 0 text 直接子節點 兒子 xpath xpath 是一門在 xml 文件中查詢資訊的語...

CSS入門基礎 選擇器等(1)

1.css樣式所遵循的規則 第4個最有優先性 1 瀏覽器預設 2 外部樣式表 3 內嵌樣式表 在head標籤內 4 行內樣式 在一html元素內 2.我們還可以通過兩種方法使用 rgb 值 p p 請注意,當使用 rgb 百分比時,即使當值為 0 時也要寫百分比符號。3.css 對大小寫不敏感。不過...