Atribuudi väärtuse defiseeritud valija

Atribuudi väärtuse defiseeritud valija rakendab stiili elemendile, mille atribuudi väärtused on eraldatuud sidekriipsuga.

Näide

Leiame kõik elemendid, millel väärtustes, eraldatud sidekriipsuga, on text ja värvime need punaseks:

<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;
}

atribuudi valija,
mis otsib elementi atribuudi nime järgi
atribuudi valija,
mis otsib elementi atribuudi väärtuse järgi
atribuudi valija,
mis otsib elementi atribuudi väärtuse alguse järgi
atribuudi valija,
mis otsib elementi atribuudi väärtuse lõpu järgi
atribuudi valija,
mis otsib elementi teksti järgi atribuudi väärtuses
atribuudi valija,
mis otsib elementi ühe atribuudi väärtuse järgi
Tütarelementide valija,
mis võimaldab valida elemente otsese pesastuse järgi
Kontekstivalija,
mis võimaldab valida elementi selle vanema järgi
Kõrvaloleva valija,
mis võimaldab valida elementi selle naabri järgi
Suguluselementide valija,
mis võimaldab valida elemendid pärast määratud elementi
Universaalne valija,
mis võimaldab valida kõik elemendid