阅读(3220) (12)

CSS3 [attribute^=value] 选择器

2016-08-04 21:48:44 更新

CSS3 [attribute^=value] 选择器

CSS完整选择器完整CSS选择器参考手册

定义和用法

[attribute^=value] 选择器匹配元素属性值带指定的值开始的元素。


Examples

实例

实例 1

设置class属性值以"test"开头的所有div元素的背景颜色:

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

尝试一下 »

实例 2

设置class属性值以"test"开头的所有元素的背景颜色:

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

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: [attribute^=value]在IE8中运行,必须声明<!DOCTYPE>


CSS完整选择器完整CSS选择器参考手册