css 属性模糊匹配 换行换色

mac2025-08-31  11

属性模糊匹配

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

最新回复(0)