Element med flere CSS-klasser

Du kan tilordne flere CSS-klasser samtidig til et element. For å gjøre dette må klassene listes opp i class-attributten adskilt med mellomrom.

La oss se på et eksempel. Anta at vi har flere CSS-klasser:

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

La oss tilordne både den ene klassen og den andre til et avsnitt:

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

Задание 1

Anta at du har følgende klasser:

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

Anta at du også har 4 avsnitt. Bruk de presenterte klassene til å gjøre slik at det første avsnittet er grønt og med stor skriftstørrelse, det andre avsnittet - rødt og med liten skriftstørrelse, det tredje avsnittet - rødt og med stor skriftstørrelse, og det fjerde - grønt og med liten skriftstørrelse.

Задание 2

Tenk på og lag 3 noen klasser. Tilordne alle tre klassene du har tenkt på til et element samtidig.