屬性模糊匹配
"~=" 屬性選擇器
可以有一個包含大量圖像的文檔,其中只有一部分是圖片。
對此,可以使用一個基於 title 文檔的部分屬性選擇器,只選擇這些圖片
img[title~="Figure"] {border: 1px solid gray;}
這個規則會選擇 title 文本包含 "Figure" 的所有圖像。沒有 title 屬性或者 title 屬性中不包含 "Figure" 的圖像都不會匹配。
子串匹配屬性選擇器
類型 描述
[abc^="def"] 選擇 abc 屬性值以 "def" 開頭的所有元素
[abc$="def"] 選擇 abc 屬性值以 "def" 結尾的所有元素
[abc*="def"] 選擇 abc 屬性值中包含子串 "def" 的所有元素
換行換色
.aaa li:nth-child(2n){ background:#a10278;}
.aaa li:nth-child(2n+1){ background:#00ccff;}