@(CSS)
TL;DR
簡單屬性選擇 [attribute]
選擇所有具有 title
屬性的元素:
選擇所有具有 href
屬性的 <a>
元素:
選擇同時具有 href
和 title
屬性的 <a>
元素:
根據具體屬性值選擇 [attribute = "value"]
選擇具有特定 href
屬性值的 <a>
元素:
選擇具有特定 href
屬性值和 title
屬性值的 <a>
元素
根據部分屬性值選擇 [attribute ~= "value"]
子串匹配屬性選擇器
特定屬性選擇類型
假設一個HTML文檔中有一系列圖片,其中每個圖片的文件名都形如figure-1.jpg
和 figure-2.jpg
。就可以使用以下選擇器匹配所有這些圖像:
參考資料
- CSS Attribute Selector @ MDN
- CSS Selector Attribute @ W3School
原文:大专栏 [CSS] 屬性選擇器 (CSS attribute selector)