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ą:

html<p>
  <label>Įveskite tekstą</label>
  <input type="text">
</p>
<p>
  <label>Įveskite skaičių</label>
  <input type="number">
</p>
cssinput[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