属性模糊匹配
"~=" 属性选择器
可以有一个包含大量图像的文档,其中只有一部分是图片。
对此,可以使用一个基于 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;}