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