Элемент з некалькімі CSS класамі

Можна адначасова задаць некалькі CSS класаў якому-небудзь тэгу. Для гэтага ў атрыбуце class гэтыя класы трэба пералічыць праз прабел.

Давайце паглядзім на прыкладзе. Хай у нас ёсць некалькі CSS класаў:

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

Зададзім абзацу і адзін клас, і другі:

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

Задание 1

Хай у вас даны наступныя класы:

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

Хай у вас таксама ёсць 4 абзацы. З дапамогай прадстаўленых класаў зрабіце так, каб першы абзац быў зялёны і з вялікім шрыфтам, другі абзац - чырвоным і з маленькім шрыфтам, трэці абзац - чырвоным і з вялікім шрыфтам, а чацвёрты - зялёным і з маленькім шрыфтам.

Задание 2

Прыдумайце і зрабіце 3 якія-небудзь класы. Задайце якому-небудзь тэгу адначасова ўсе тры прыдуманыя вамі класы.