CSS [attribute=value] 选择器

定义和用法

CSS [attribute=value] 选择器用于选择具有指定属性且属性值完全匹配的元素。

实例

例子 1

选择并设置所有 target="_blank" 的 <a> 元素的样式。同时选择并设置所有 lang="it" 的 <p> 元素的样式：

a[target="_blank"] {
  background-color: yellow;
}

p[lang="it"] {
  background-color: salmon;
}

亲自试一试

例子 2

将 <input type="text"> 元素的宽度设置为 100px。然而，当它获得焦点时，将其宽度设置为 250px：

input[type="text"] {
  width: 100px;
}

input[type="text"]:focus {
  width: 250px;
}

亲自试一试

CSS 语法

[attribute = value] {
  css declarations;
}

技术细节

浏览器支持

表格中的数字表示完全支持该选择器的首个浏览器版本。