Elemento con múltiples clases CSS

Es posible asignar múltiples clases CSS simultáneamente a cualquier etiqueta. Para hacerlo, en el atributo class estas clases deben listarse separadas por espacios.

Veamos un ejemplo. Supongamos que tenemos varias clases CSS:

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

Asignemos al párrafo tanto una clase como la segunda:

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

Задание 1

Supongamos que tienes las siguientes clases:

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

Supongamos también que tienes 4 párrafos. Con la ayuda de las clases presentadas, haz que el primer párrafo sea verde y con fuente grande, el segundo párrafo - rojo y con fuente pequeña, el tercer párrafo - rojo y con fuente grande, y el cuarto - verde y con fuente pequeña.

Задание 2

Inventa y crea 3 clases cualesquiera. Asigna a alguna etiqueta simultáneamente las tres clases que inventaste.