CSS [attribute|=value] Selector

Definición y uso

CSS [attribute|=value] El selector se utiliza para seleccionar elementos que tienen un atributo específico y cuyo valor coincide completamente o comienza con el valor especificado seguido de un guión (-).

Nota：El valor debe ser una palabra completa, puede aparecer sola, como lang="en" o seguir con un guión (-), como lang="en-us".

Ejemplo

Ejemplo 1

Elige y configura el estilo de los elementos que tienen el atributo lang con valor "en" o "en-":

[lang|="en"] {
  background-color: yellow;
}

Prueba tú mismo

Ejemplo 2

Elige y configura el estilo de los elementos que tienen el atributo class con valor "top" o "top-":

[class|="top"] {
  background-color: yellow;
}

Prueba tú 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.