CSS3 [attribute^=value] 选择器

定义和用法

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

实例

例子 1

为所有 class 属性值以 "test" 开头的

元素设置背景颜色：

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 教程：%D8%AA%D8%B3%D9%84%DB%8C%D9%87%DB%8C%DB%8C%20%D8%AA%D8%B5%DB%8C%DB%8C%DB%8C%20%D8%AC%D8%B3%D8%A7%D8%B1%DB%8C%20%D8%A7%D8%B3%D8%AA%DB%8C%DB%8C%DB%8C%DB%8C