CSS [attribute=value] 选择器

定义和用法

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

实例

例子 1

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

元素的样式：

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

亲自试一试

例子 2

将 元素的宽度设置为 100px。然而，当它获得焦点时，将其宽度设置为 250px：

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

亲自试一试

CSS 语法

[attribute = value] {
  css declarations;
}

技术细节

版本： CSS2

浏览器支持

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

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

Vieleo vya huzina

Kilabu cha CSS:Chaguo cha mafano cha CSS

Kilabu cha CSS:Kielekile cha Chaguo cha CSS