Atributo reikšmės selektorius
Atributo reikšmės selektorius leidžia pasirinkti elementus pagal tam tikro atributo buvimą arba jo reikšmę ir pritaikyti jiems reikiamą stilių.
Pavyzdys
Pažvelkime į input žymą,
kurios atributo type
reikšmė yra text, ir nustatykime jai šviesiai mėlyną fono
spalvą:
<p>
<label>Įveskite tekstą</label>
<input type="text">
</p>
<p>
<label>Įveskite skaičių</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Taip pat žiūrėkite
-
atributo selektorius,
kuris ieško elemento pagal atributo pavadinimą -
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ų -
atributo selektorius,
kuris ieško elemento pagal brūkšnį atributo reikšmėje -
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
