Attribuut-selekteerder volgens koppelteken in waarde
Die attribuut-selekteerder volgens koppelteken in waarde pas styl toe op 'n element wie se kenmerkwaardes met 'n koppelteken geskei is.
Voorbeeld
Kom ons vind alle elemente wat
in hul koppelteken-geskeide waardes text het
en verander hul kleur na rooi:
<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;
}
:
Sien ook
-
die attribuut-selekteerder,
wat 'n element volgens kenmerknaam soek -
die attribuut-selekteerder,
wat 'n element volgens kenmerkwaarde soek -
die attribuut-selekteerder,
wat 'n element volgens die begin van 'n kenmerkwaarde soek -
die attribuut-selekteerder,
wat 'n element volgens die einde van 'n kenmerkwaarde soek -
die attribuut-selekteerder,
wat 'n element volgens teks in 'n kenmerkwaarde soek -
die attribuut-selekteerder,
wat 'n element volgens een van die kenmerkwaardes soek -
Die kind-selekteerder,
wat jou toelaat om elemente volgens direkte omsluiting te kies -
Die kontekstuele selekteerder,
wat jou toelaat om 'n element volgens sy ouer te kies -
Die aangrensende sibling-selekteerder,
wat jou toelaat om 'n element volgens sy buurman te kies -
Die verwantskap-selekteerder,
wat jou toelaat om elemente na 'n gespesifiseerde een te kies -
Die universele selekteerder,
wat jou toelaat om alle elemente te kies