Attribuuttivalitsin arvon väliviivan mukaan

Attribuuttivalitsin arvon väliviivan mukaan soveltaa tyyliä elementtiin, jonka attribuutin arvot on erotettu väliviivalla.

Esimerkki

Etsitään kaikki elementit, joilla väliviivalla erotetuissa arvoissa on text ja värjätään ne punaisiksi:

<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>

p[class|="text"] {
	color: red;
}

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