CSS3 [attribute^=value] Selector

Definición y uso

CSS [attribute^=value] El selector se utiliza para coincidir con cada elemento cuyos valores de atributo coinciden con el valor especificado.

Ejemplo

Ejemplo 1

Establece el color de fondo para todos los elementos <div> cuyos valores de atributo class comienzan con "test":

div[class^="test"] {
  background: salmón;
}

Prueba por ti mismo

Ejemplo 2

Establece el color de fondo para todos los elementos cuyos valores de atributo class comienzan con "test":

[class^="test"] {
  background: salmón;
}

Prueba por ti mismo

Sintaxis CSS

[attribute ^= value] {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

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