Pemilih Atribut berdasarkan Tanda Hubung dalam Nilai

Pemilih atribut berdasarkan tanda hubung dalam nilai menerapkan gaya ke elemen, yang nilai atributnya dipisahkan oleh tanda hubung.

Contoh

Mari temukan semua elemen yang dalam nilainya, dipisahkan oleh tanda hubung, terdapat text dan ubah warnanya menjadi merah:

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

pemilih atribut,
yang mencari elemen berdasarkan nama atribut
pemilih atribut,
yang mencari elemen berdasarkan nilai atribut
pemilih atribut,
yang mencari elemen berdasarkan awal nilai atribut
pemilih atribut,
yang mencari elemen berdasarkan akhir nilai atribut
pemilih atribut,
yang mencari elemen berdasarkan teks dalam nilai atribut
pemilih atribut,
yang mencari elemen berdasarkan salah satu nilai atribut
Pemilih anak (Child selector),
yang memungkinkan memilih elemen berdasarkan penempatan langsung di dalam elemen lain
Pemilih kontekstual (Descendant selector),
yang memungkinkan memilih elemen berdasarkan elemen induknya
Pemilih saudara berdekatan (Adjacent sibling selector),
yang memungkinkan memilih elemen berdasarkan elemen saudara yang berdekatan
Pemilih saudara umum (General sibling selector),
yang memungkinkan memilih elemen setelah elemen yang ditentukan
Pemilih universal (Universal selector),
yang memungkinkan memilih semua elemen