阅读(4440) (11)

CSS3 [attribute$=value] 选择器

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

CSS3 [attribute$=value] 选择器

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

定义和用法

[attribute$=value] 选择器匹配元素属性值带指定的值结尾的元素。


Examples

实例

实例 1

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

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

尝试一下 »

实例 2

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

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

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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


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