CSS . klassekiezer _
Voorbeeld
Selecteer en style alle elementen met class="intro":
.intro {
background-color: yellow;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De .class
selector selecteert elementen met een specifiek klasseattribuut.
Om elementen met een specifieke klasse te selecteren, schrijf je een punt (.) teken, gevolgd door de naam van de klasse.
U kunt ook specificeren dat alleen specifieke HTML-elementen door een klasse moeten worden beïnvloed. Om dit te doen, begint u met de elementnaam en schrijft u vervolgens het punt (.) teken, gevolgd door de naam van de klasse (zie voorbeeld 1 hieronder).
HTML-elementen kunnen ook naar meer dan één klasse verwijzen (zie voorbeeld 2 hieronder).
Versie: | CSS1 |
---|
Browserondersteuning
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
CSS-syntaxis
.class {
css declarations;
}
Meer voorbeelden
voorbeeld 1
Stijl alle <p> elementen met class="hometown":
p.hometown {
background-color: yellow;
}
Voorbeeld 2
Dit <p> element wordt gestileerd volgens class="center" AND to class="large":
<p class="center large">This paragraph refers to two classes.</p>