Attribuutin arvon loppuosaselektori

Attribuutin arvon loppuosaselektori soveltaa tyyliä elementtiin, jonka tagin attribuutin arvo päättyy tiettyyn tekstiin.

Esimerkki

Käytetään a -tagia, jonka href -attribuutin arvo päättyy .html:iin ja vaihdetaan sen väri punaiseksi:

<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>

a[href$=".html"] {
	color: red;
}

attribuuttiselektori,
joka etsii elementin attribuutin nimen perusteella
attribuuttiselektori,
joka etsii elementin attribuutin arvon perusteella
attribuuttiselektori,
joka etsii elementin attribuutin arvon alun perusteella
attribuuttiselektori,
joka etsii elementin attribuutin arvossa olevan tekstin perusteella
attribuuttiselektori,
joka etsii elementin attribuutin yhden arvon perusteella
attribuuttiselektori,
joka etsii elementin attribuutin arvossa olevan väliviivan perusteella
Lapsiselektori,
joka mahdollistaa elementtien valitsemisen suoran sisäkkäisyyden perusteella
Kontekstiselektori,
joka mahdollistaa elementin valitsemisen sen vanhemman perusteella
Vierus-selektori,
joka mahdollistaa elementin valitsemisen sen naapurin perusteella
Sisarselektori,
joka mahdollistaa elementtien valitsemisen annetun elementin jälkeen
Universaaliselektori,
joka mahdollistaa kaikkien elementtien valitsemisen