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:

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

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

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

Задание 1

Suponha que você tenha as seguintes classes:

css.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.

Задание 2

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