CSS [attribute=value] 选择器

表示带有以 attribute 命名的属性，且属性值为"value"的元素。

在线示例

选择所有使用target="_blank"的a元素

示例

<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaojc.com)</title>
<head>
<style>
a[target=_blank]
{
background-color:blue;
color:#ffffff;
}
</style>
</head>
<body>

<p>带有 target 属性的链接将被填充蓝色背景:</p>

<a href="//www.cainiaojc.com">(cainiaojc.com)</a>
<a href="//www.baidu.com" target="_blank">baidu.com</a>
<a href="//www.pcjson.com" target="_top">pcjson.com</a>
<p><b>注意</b> 为了使[<i> attribute </i>]在IE8及更早版本中运行，必须声明DOCTYPE。</ p>
</body>
</html>

测试看看 ‹/›

定义和用法

[attribute=value] 选择器用于选择指定了属性和值的元素。

浏览器兼容性

IEFirefoxOperaChromeSafari

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

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

CSS 教程: CSS 属性选择器

完整CSS选择器参考手册

CSS 函数(Functions)CSS 选择器大全

CSS [attribute=value] 选择器

在线示例

定义和用法

浏览器兼容性

相关文章

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全