Element mit mehreren CSS-Klassen

Man kann einem HTML-Tag gleichzeitig mehrere CSS-Klassen zuweisen. Dazu müssen diese Klassen im Attribut class durch Leerzeichen getrennt aufgelistet werden.

Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben mehrere CSS-Klassen:

css.error {
  color: red;
}
.large {
  font-size: 30px;
  font-family: Arial;
}

Weisen wir einem Absatz sowohl die eine als auch die zweite Klasse zu:

html<p class="error large">
  lorem ipsum
</p>

Задание 1

Nehmen wir an, Ihnen stehen folgende Klassen zur Verfügung:

css.success {
  color: green;
}
.error {
  color: red;
}
.large {
  font-size: 30px;
}
.small {
  font-size: 20px;
}

Nehmen wir weiter an, Sie haben 4 Absätze. Machen Sie mit Hilfe der dargestellten Klassen Folgendes: Der erste Absatz soll grün und mit großer Schrift, der zweite Absatz - rot und mit kleiner Schrift, der dritte Absatz - rot und mit großer Schrift, und der vierte - grün und mit kleiner Schrift sein.

Задание 2

Denken Sie sich 3 beliebige Klassen aus. Weisen Sie einem HTML-Tag gleichzeitig alle drei Ihrer selbst ausgedachten Klassen zu.