CSS [atributo~=valor] selector

Definición y uso

CSS [atributo~=valor] El selector se utiliza para seleccionar elementos cuyos valores de atributo contienen una palabra específica.

El siguiente ejemplo coincidirá con los elementos que tienen title="flower"、title="summer flower" y title="flower new"，pero no coincidirá con los elementos que tienen title="my-flower" o title="flowers".

Ejemplo

Elije y configura el estilo de todos los elementos que contienen la palabra "flower" en la propiedad title：

[title~="flower"] {
  border: 5px solid green;
}

Prueba por ti mismo

Sintaxis CSS

[atributo ~= valor] {
  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.