Елемент із кількома класами

Можна одночасно задати кілька 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 які-небудь класи. Задайте якомусь тегу одночасно всі три придумані вами класи.