Beispiel
Wählen und Stil alle Elemente mit class="intro" :
.intro {
background-color: yellow;
}
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Der .class Selektor wählt Elemente mit einem bestimmten Klassenattribut.
So wählen Sie Elemente mit einer bestimmten Klasse, schreiben Sie eine Periode (.) Zeichen, mit dem Namen der Klasse gefolgt.
Sie können auch nur bestimmte HTML-Elemente durch eine Klasse angeben, dass betroffen sein sollte. Um dies zu tun, mit dem Elementnamen beginnen, dann die Zeit schreiben (.) Zeichen, mit dem Namen der Klasse folgt (look at Example 1 below) .
HTML - Elemente können auch mehr als eine Klasse beziehen (look at Example 2 below) .
| Version: | CSS1 |
|---|
Browser-Unterstützung
| Wähler | |||||
|---|---|---|---|---|---|
| .class | Ja | Ja | Ja | Ja | Ja |
CSS-Syntax
Mehr Beispiele
Beispiel 1
Stil alle <p> Elemente mit class="hometown" :
p.hometown {
background-color: yellow;
}
Versuch es selber " Beispiel 2
Das <p> Element wil entsprechend gestylt werden class="center" und zu class="large" :
<p class="center large">This paragraph refers to two classes.</p> Versuch es selber "