Елемент с няколко CSS класа

Можете едновременно да зададете няколко CSS класа на някой таг. За това в атрибута class тези класове трябва да бъдат изброени разделени с интервал.

Нека да разгледаме пример. Да предположим, че имаме няколко CSS класа:

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

Нека зададем и на параграфа един клас, и втория:

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

Да предположим, че са ви дадени следните класове:

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

Да предположим, че имате и 4 параграфа. С помощта на представените класове направете така, че първият параграф да е зелен и с голям шрифт, вторият параграф - червен и с малък шрифт, третият параграф - червен и с голям шрифт, а четвъртият - зелен и с малък шрифт.

Измислете и направете 3 някакви класове. Задайте на някой таг едновременно всички три от измислените от вас класове.