CSS [atributo=valor] selector

Definición y uso

CSS [atributo=valor] Los selectores se utilizan para seleccionar elementos que tienen un atributo específico y donde el valor del atributo coincide completamente.

Ejemplo

Ejemplo 1

Elije y configura el estilo de todos los elementos <a> con target="_blank". Al mismo tiempo, elige y configura el estilo de todos los elementos <p> con lang="it":

a[target="_blank"] {
  color_fondo: amarillo;
}
p[lang="it"] {
  color_fondo: salmón;
}

Prueba tu mismo

Ejemplo 2

Establece el ancho del elemento <input type="text"> en 100px. Sin embargo, cuando obtiene el foco, establece su ancho en 250px：

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

Prueba tu mismo

Sintaxis CSS

[atributo = valor] {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente este selector.