Элемент с несколькими 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 какие-нибудь класса. Задайте какому-нибудь тегу одновременно все три придуманных вами класса.