CSS [attribute ^ = value]选择器

• 

  定义和用法

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

  特征	说明
  CSS版本	CSS3

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  [attribute ^ = value]	7.0	4.0	3.5	3.2	9.6

  注意：要使[attribute ^ = value]在IE8及更早版本中工作，必须声明<!DOCTYPE>。
• 

  CSS语法

  attribute ^= value {
    css declarations;
  }

• 

  实例

  在所有具有以“test”开头的class属性值的<div>元素上设置背景颜色：

  div[class^="test"] {
    background: #ffff00;
  }
  

  尝试一下