Elemento com múltiplas classes CSS

É possível atribuir várias classes CSS simultaneamente a uma tag. Para fazer isso, no atributo class essas classes devem ser listadas separadas por espaço.

Vamos ver um exemplo. Suponha que temos algumas classes CSS:

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

Vamos atribuir ao parágrafo uma classe e a segunda:

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

Suponha que você tenha as seguintes classes:

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

Suponha que você também tenha 4 parágrafos. Com a ajuda das classes apresentadas, faça com que o primeiro parágrafo fique verde e com fonte grande, o segundo parágrafo - vermelho e com fonte pequena, o terceiro parágrafo - vermelho e com fonte grande, e o quarto - verde e com fonte pequena.

Invente e crie 3 classes quaisquer. Atribua a uma tag simultaneamente todas as três classes que você inventou.