Selector por uno de los valores de atributo

El selector por uno de los valores de atributo establece el estilo para un elemento que tiene al menos uno de los valores especificados en el atributo. En este caso, todos los valores del atributo deben estar separados por espacios.

Ejemplo

Encontremos todos los <p> que contienen el valor test en uno de sus valores y cambiemos su color a azul:

<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>

p[class~="test"] {
	color: blue;
}

Ver también

selector de atributo,
que busca un elemento por el nombre del atributo
selector de atributo,
que busca un elemento por el valor del atributo
selector de atributo,
que busca un elemento por el inicio del valor del atributo
selector de atributo,
que busca un elemento por el final del valor del atributo
selector de atributo,
que busca un elemento por el texto en el valor del atributo
selector de atributo,
que busca un elemento por el guion en el valor del atributo
Selector hijo,
que permite seleccionar elementos por anidamiento directo
Selector contextual,
que permite seleccionar un elemento por su padre
Selector adyacente,
que permite seleccionar un elemento por su vecino
Selector de hermano general,
que permite seleccionar elementos después de uno dado
Selector universal,
que permite seleccionar todos los elementos