Selector por final del valor de atributo
El selector por final del valor de atributo aplica estilo a un elemento, cuyo valor de atributo de la etiqueta termina con un texto específico.
Ejemplo
Tomemos la etiqueta a,
cuyo valor del atributo href
termina en .html y cambiemos su color
a rojo:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[href$=".html"] {
color: red;
}
:
Véase también
-
selector de atributo,
que busca un elemento por nombre de atributo -
selector de atributo,
que busca un elemento por valor de atributo -
selector de atributo,
que busca un elemento por inicio del valor de atributo -
selector de atributo,
que busca un elemento por texto en el valor de atributo -
selector de atributo,
que busca un elemento por uno de los valores de atributo -
selector de atributo,
que busca un elemento por guion en el valor de 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 hermano,
que permite seleccionar elementos después de uno dado -
Selector universal,
que permite seleccionar todos los elementos