codecamp

CSS3 [attribute$=value] 选择器

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选择器参考手册

CSS3 [attribute^=value] 选择器
CSS3 [attribute*=value] 选择器
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定