Attributvärdeselektor
Attributvärdeselektorn gör det möjligt att välja element baserat på närvaron av ett specifikt attribut eller dess värde och applicera önskad stil på dem.
Exempel
Låt oss ta taggen input,
som har attributvärdet type
lika med text, och ge den en ljusblå bakgrundsfärg:
<p>
<label>Ange text</label>
<input type="text">
</p>
<p>
<label>Ange nummer</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
Se även
-
selektor för attribut,
som söker element efter attributnamn -
selektor för attribut,
som söker element efter början av attributvärde -
selektor för attribut,
som söker element efter slutet av attributvärde -
selektor för attribut,
som söker element efter text i attributvärde -
selektor för attribut,
som söker element efter ett av attributvärdena -
selektor för attribut,
som söker element efter bindestreck i attributvärde -
Barnselektor,
som gör det möjligt att välja element baserat på direkt inneslutning -
Kontextselektor,
som gör det möjligt att välja element baserat på dess förälder -
Intilliggande syskonselektor,
som gör det möjligt att välja element baserat på dess granne -
Släktselektor,
som gör det möjligt att välja element efter ett givet element -
Universell selektor,
som gör det möjligt att välja alla element
