Elemento con più classi CSS

È possibile assegnare contemporaneamente più classi CSS a un tag qualsiasi. Per farlo, nell'attributo class queste classi devono essere elencate separate da uno spazio.

Vediamo un esempio. Supponiamo di avere alcune classi CSS:

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

Assegniamo al paragrafo sia la prima classe che la seconda:

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

Задание 1

Supponiamo che ti siano date le seguenti classi:

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

Supponiamo inoltre che tu abbia 4 paragrafi. Con l'aiuto delle classi presentate, fai in modo che il primo paragrafo sia verde e con carattere grande, il secondo paragrafo - rosso e con carattere piccolo, il terzo paragrafo - rosso e con carattere grande, e il quarto - verde e con carattere piccolo.

Задание 2

Inventa e crea 3 classi qualsiasi. Assegna a un tag qualsiasi contemporaneamente tutte e tre le classi che hai inventato.