CSS特性选择器

选择器 含义 示例 简单选择器 [ ]
匹配一种特定的特性（与特性值无关） p[class]
应用于所有包含class特性的元素 精确选择器 [=]
匹配一种特定的特性，该特性具有特定的值 p[class=”dog”]
应用于所有包含class特性值为dog的元素 部分选择器 [~=]
匹配一种特定的特性，该特性值出现在以空格隔开的单词列表中 p[class~=”dog”]
应用于特定的< p >元素，这些元素的class特性值是以空格隔开的单词列表，而其中一项是dog 开头选择器 [^=]
匹配一种特定的特性，该特性的值以某个特定的字符串作为开头 p[attr^”d”]
应用于特定的< p >元素，这些元素的某个特性的值以字母”d”开头 包含选择器 [*=]
匹配一种特定的特性，该特性的值包含一个特定的子字符串 p[attr*”do”]
应用于特定的< p >元素，这些元素的某个特性之中含有”do” 结尾选择器 [ $= ]
匹配一种特定的特性，该特性的值以某个特定的字符串作为结尾 p[attr$”g”]
应用于特定的< p >元素，这些元素的某个特性的值以字母“g”结尾