Selector de atributo por texto

El selector de atributo por texto aplica un estilo a un elemento cuyo valor del atributo de la etiqueta contiene un texto específico.

Ejemplo

Encontremos enlaces que contengan en sus atributos test y cambiemos su color a verde:

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>

cssa[href*="test"] {
  color: green;
}

Результат:

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 uno de los valores del atributo
selector de atributo,
que busca un elemento por un 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 hermanos general,
que permite seleccionar elementos después de uno dado
Selector universal,
que permite seleccionar todos los elementos