Attribútumérték-szelektor

Az attribútumérték-szelektor lehetővé teszi elemek kiválasztását egy adott attribútum jelenléte vagy értéke alapján, és alkalmazni rájuk a kívánt stílust.

Példa

Forduljunk a input taghez, amelynél a type attribútum értéke text, és állítsuk be neki a kék háttérszínt:

html<p>
  <label>Szöveg beírása</label>
  <input type="text">
</p>
<p>
  <label>Szám beírása</label>
  <input type="number">
</p>
cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

Lásd még

  • attribútum szelektor,
    amely az attribútum neve alapján keres elemet
  • attribútum szelektor,
    amely az attribútum érték eleje alapján keres elemet
  • attribútum szelektor,
    amely az attribútum érték vége alapján keres elemet
  • attribútum szelektor,
    amely az attribútum értékében lévő szöveg alapján keres elemet
  • attribútum szelektor,
    amely az attribútum egyik értéke alapján keres elemet
  • attribútum szelektor,
    amely az attribútum értékében lévő kötőjel alapján keres elemet
  • Gyermek szelektor,
    amely lehetővé teszi elemek kiválasztását közvetlen beágyazottság alapján
  • Kontextuális szelektor,
    amely lehetővé teszi egy elem kiválasztását szülője alapján
  • Szomszédos szelektor,
    amely lehetővé teszi egy elem kiválasztását szomszédja alapján
  • Testvér szelektor,
    amely lehetővé teszi elemek kiválasztását egy adott elem után
  • Univerzális szelektor,
    amely lehetővé teszi az összes elem kiválasztását