css 属性模糊匹配 换行换色

属性模糊匹配

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