Attribuuttiarvovalitsin

Attribuuttiarvovalitsin mahdollistaa elementtien valitsemisen tietyn attribuutin tai sen arvon perusteella ja halutun tyylin soveltamisen niihin.

Esimerkki

Käytetään input -tagia, jolla attribuutin type arvo on text, ja asetetaan sille vaaleansininen taustaväri:

<p>
	<label>Syötä teksti</label>
	<input type="text">
</p>
<p>
	<label>Syötä numero</label>
	<input type="number">
</p>

input[type="text"] {
	background-color: #C2DDFD;
}

attribuuttivalitsin,
joka etsii elementin attribuutin nimen perusteella
attribuuttivalitsin,
joka etsii elementin attribuutin arvon alun perusteella
attribuuttivalitsin,
joka etsii elementin attribuutin arvon lopun perusteella
attribuuttivalitsin,
joka etsii elementin attribuutin arvon tekstin perusteella
attribuuttivalitsin,
joka etsii elementin yhden attribuutin arvojen perusteella
attribuuttivalitsin,
joka etsii elementin attribuutin arvon väliviivan perusteella
Lapsivalitsin,
joka mahdollistaa elementtien valitsemisen suoran sisäkkäisyyden perusteella
Kontekstivalitsin,
joka mahdollistaa elementin valitsemisen sen vanhemman perusteella
Vieressä oleva valitsin,
joka mahdollistaa elementin valitsemisen sen naapurin perusteella
Sisarusvalitsin,
joka mahdollistaa elementtien valitsemisen annetun elementin jälkeen
Universaalivalitsin,
joka mahdollistaa kaikkien elementtien valitsemisen