阅读(7.7k) 书签赞(1) 我要纠错

CSS3 [attribute^=value] 选择器

2018-01-05 20:07 更新

CSS3 [attribute^=value] 选择器

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

定义和用法

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

实例

实例 1

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

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

尝试一下 »

实例 2

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

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

尝试一下 »

浏览器支持

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

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

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

以上内容是否对您有帮助：

← CSS [attribute|=value] 选择器

CSS3 [attribute$=value] 选择器 →