Attribuutwaarde-selector

De attribuutwaarde-selector maakt het mogelijk om elementen te selecteren op basis van de aanwezigheid van een specifiek attribuut of zijn waarde en de gewenste stijl op hen toe te passen.

Voorbeeld

Laten we naar de tag input kijken, waarvan de waarde van het attribuut type gelijk is aan text, en hem een lichtblauwe kleur van de achtergrond geven:

<p>
	<label>Voer tekst in</label>
	<input type="text">
</p>
<p>
	<label>Voer nummer in</label>
	<input type="number">
</p>

input[type="text"] {
	background-color: #C2DDFD;
}

Zie ook

attribuut selector,
die een element zoekt op attribuutnaam
attribuut selector,
die een element zoekt op het begin van de attribuutwaarde
attribuut selector,
die een element zoekt op het einde van de attribuutwaarde
attribuut selector,
die een element zoekt op tekst in de attribuutwaarde
attribuut selector,
die een element zoekt op een van de waarden van het attribuut
attribuut selector,
die een element zoekt op een koppelteken in de attribuutwaarde
Child selector,
die elementen selecteert op directe genestheid
Contextuele selector,
die een element selecteert op basis van zijn ouder
Aangrenzende sibling selector,
die een element selecteert op basis van zijn buur
Algemene sibling selector,
die elementen na de opgegeven selecteert
Universele selector,
die alle elementen selecteert