CSS3 [attribute$=value] Selector

Definición y uso

CSS [attribute$=value] El selector se utiliza para coincidir con cada elemento que tiene un valor de atributo que termina con el valor especificado.

Ejemplo

Ejemplo 1

Establece estilos para todos los elementos <div> con el valor de atributo class que termina en "test":

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

Prueba por ti mismo

Ejemplo 2

Establece estilos para todos los elementos con el valor de atributo class que termina en "test":

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

Prueba por ti mismo

Sintaxis CSS

[attribute $= value] {
  declaraciones css;
}

Detalles técnicos

Versión: CSS3

Compatibilidad del navegador

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

Páginas relacionadas

Tutoriales CSS:CSS selector de atributo

Tutoriales CSS:Detalles del selector de atributo CSS