CSS . klas keurder
Voorbeeld
Kies en styl alle elemente met class="intro":
.intro {
background-color: yellow;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die .class
keurder kies elemente met 'n spesifieke klaskenmerk.
Om elemente met 'n spesifieke klas te kies, skryf 'n punt (.) karakter, gevolg deur die naam van die klas.
U kan ook spesifiseer dat slegs spesifieke HTML-elemente deur 'n klas beïnvloed moet word. Om dit te doen, begin met die elementnaam, skryf dan die punt (.) karakter, gevolg deur die naam van die klas (kyk na Voorbeeld 1 hieronder).
HTML-elemente kan ook na meer as een klas verwys (kyk na Voorbeeld 2 hieronder).
Weergawe: | CSS1 |
---|
Blaaierondersteuning
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
CSS-sintaksis
.class {
css declarations;
}
Meer voorbeelde
Voorbeeld 1
Stileer alle <p>-elemente met class="hometown":
p.hometown {
background-color: yellow;
}
Voorbeeld 2
Hierdie <p>-element sal volgens class="center" EN na class="large" gestileer word:
<p class="center large">This paragraph refers to two classes.</p>