CSS3-属性选择器

属性选择器

通过标签中存在的属性来选择特定的 HTML 元素

语法：

element[Attribute_Name]

• element HTML 元素
• Attribute_Name 属性名

分类	描述	示例
E[att]	选择属性为 att 的 E 元素	input[name]
E[att = “val”]	选择 att 的属性值为 val 的 E 元素	input[autocomplete=“on”]
E[att^=“val”]	选择具有 att 属性且属性值以 val 开头的 E 元素	input[class^=“first”]
E[att$=“val”]	选择具有 att 属性且属性值以 val 结尾的 E 元素	input[class$=“last”]
E[att*=“val”]	选择具有 att 属性且属性值含有 val 的 E 元素	div[class*=“left”]
E[att~=“val”]	选择具有 att 属性且属性值为 val 或val与多个属性值用空格隔开的 E 元素	a[class~=“red”]
E[att|=“val”]	选择具有 att 属性且属性值为 val 或属性值之间用 “-” 隔开且属性值val在 “-” 前的 E 元素	a[class|=“red”]