Atributo reikšmės su brūkšneliu selektorius
Atributo reikšmės su brūkšneliu selektorius taiko stilių elementui, kurio atributo reikšmės yra atskirtos brūkšneliu.
Pavyzdys
Raskime visus elementus, kurių
reikšmėse, atskirtose brūkšneliu, yra text
ir nuspalvinkime juos raudonai:
<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;
}
:
Taip pat žiūrėkite
-
atributo selektorius,
kuris ieško elemento pagal atributo pavadinimą -
atributo selektorius,
kuris ieško elemento pagal atributo reikšmę -
atributo selektorius,
kuris ieško elemento pagal atributo reikšmės pradžią -
atributo selektorius,
kuris ieško elemento pagal atributo reikšmės pabaigą -
atributo selektorius,
kuris ieško elemento pagal tekstą atributo reikšmėje -
atributo selektorius,
kuris ieško elemento pagal vieną iš atributo reikšmių -
Dukterinis selektorius,
kuris leidžia pasirinkti elementus pagal tiesioginį įdėjimą -
Kontekstinis selektorius,
kuris leidžia pasirinkti elementą pagal jo tėvinį elementą -
Gretimasis selektorius,
kuris leidžia pasirinkti elementą pagal jo kaimyną -
Giminiškas selektorius,
kuris leidžia pasirinkti elementus po nurodyto elemento -
Universalusis selektorius,
kuris leidžia pasirinkti visus elementus
