CSS3 [attribute$=value] 选择器

定义和用法

CSS [attribute$=value] 选择器用于匹配属性值以指定值结尾的每个元素。

实例

例子 1

为所有 class 属性值以 "test" 结尾的 <div> 元素设置样式：

div[class$="test"] {
  background: salmon;
}

亲自试一试

例子 2

为所有 class 属性值以 "test" 结尾的元素设置样式：

[class$="test"] {
  background: salmon;
}

亲自试一试

CSS 语法

[attribute $= value] {
  css declarations;
}

技术细节

版本： CSS3

浏览器支持

表格中的数字表示完全支持该选择器的首个浏览器版本。

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

相关页面

CSS 教程：CSS 属性选择器

CSS 教程：CSS 属性选择器详解