Element med flere CSS-klasser

Det er muligt at tildele flere CSS-klasser samtidig til et HTML-element. For at gøre dette skal klasserne listes i class-attributten adskilt af mellemrum.

Lad os se på et eksempel. Antag at vi har følgende CSS-klasser:

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

Lad os tildele både den ene og den anden klasse til et afsnit:

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

Задание 1

Antag at du har følgende klasser:

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

Antag også at du har 4 afsnit. Brug de viste klasser til at gøre sådan, at det første afsnit er grønt og med en stor skriftstørrelse, det andet afsnit - rødt og med en lille skriftstørrelse, det tredje afsnit - rødt og med en stor skriftstørrelse, og det fjerde - grønt og med en lille skriftstørrelse.

Задание 2

Find på og lav 3 tilfældige klasser. Tildel alle tre af dine fundne på klasser samtidig til et eller andet HTML-element.