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:

<p>
	<label>Szöveg beírása</label>
	<input type="text">
</p>
<p>
	<label>Szám beírása</label>
	<input type="number">
</p>

input[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