Елемент с няколко 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 някакви класове. Задайте на някой таг едновременно всички три от измислените от вас класове.