CSS属性部分选择机制

img[title~="Figure"] {border: 1px solid gray;}

这个规则会选择 title 文本包含 "Figure" 的所有图像。没有 title 属性或者 title 属性中不包含 "Figure" 的图像都不会匹配。

类型 描述
[abd^="def"] 选择 abc 属性值以 "def" 开头的所有元素
[abd$="def"] 选择 abc 属性值以 "def" 结尾的所有元素
[abd*="def"] 选择 abc 属性值中包含子串 "def" 的所有元素
*[lang|="en"] {color: red;}
上面这个规则会选择 lang 属性等于 en 或以 en- 开头的所有元素。因此,以下示例标记中的前三个元素将被选中,而不会选择后两个元素:

你可能感兴趣的:(CSS属性部分选择机制)