CSS3 [attribute$=value] 选择器

实例

设置 class 属性值以 "test" 结尾的所有 div 元素的背景色：

  1. div[class$="test"]
  2. {
  3. background:#ffff00;
  4. }

浏览器支持


IE Firefox Chrome Safari Opera
ie firefox chrome safari opera

所有主流浏览器都支持 [attribute$=value] 选择器。

注释：对于 IE8 及更早版本中的 [attribute$=value]，必须声明 <!DOCTYPE>。

定义和用法

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

实例

设置 class 属性值以 "test" 结尾的所有元素的背景色：

  1. [class$="test"]
  2. {
  3. background:#ffff00;
  4. }

相关页面

CSS 教程：CSS 属性选择器

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