@(CSS)

TL;DR

簡單屬性選擇 [attribute]

選擇所有具有 title 屬性的元素:

選擇所有具有 href 屬性的 <a> 元素:

選擇同時具有 hreftitle 屬性的 <a> 元素:

根據具體屬性值選擇 [attribute = "value"]

選擇具有特定 href 屬性值的 <a> 元素:

選擇具有特定 href 屬性值和 title 屬性值的 <a> 元素

根據部分屬性值選擇 [attribute ~= "value"]

子串匹配屬性選擇器

特定屬性選擇類型

假設一個HTML文檔中有一系列圖片,其中每個圖片的文件名都形如figure-1.jpgfigure-2.jpg。就可以使用以下選擇器匹配所有這些圖像:

參考資料

原文:大专栏  [CSS] 屬性選擇器 (CSS attribute selector)


01-22 23:35