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:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
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 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