Attribútumnév-szelektor

Az attribútumnév-szelektor olyan elemekre állít be stílust, amelyeknél csak a megadott attribútum van jelen a címkében.

Példa

Forduljunk a <input> címkéhez, a type attribútummal, és állítsuk be neki a kék háttérszínt:

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

Результат:

Lásd még

  • attribútum szelektor,
    amely elemeket keres az attribútum értéke alapján
  • attribútum szelektor,
    amely elemeket keres az attribútum értékének eleje alapján
  • attribútum szelektor,
    amely elemeket keres az attribútum értékének vége alapján
  • attribútum szelektor,
    amely elemeket keres szöveg alapján az attribútum értékében
  • attribútum szelektor,
    amely elemeket keres az attribútum egyik értéke alapján
  • attribútum szelektor,
    amely elemeket keres kötőjel alapján az attribútum értékében
  • Gyermek szelektor,
    amely lehetővé teszi az 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 az elemek kiválasztását egy adott elem után
  • Univerzális szelektor,
    amely lehetővé teszi az összes elem kiválasztását