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 属性选择器详解