Élément avec plusieurs classes CSS

Il est possible d'attribuer simultanément plusieurs classes CSS à une balise. Pour cela, dans l'attribut class, ces classes doivent être listées en les séparant par un espace.

Regardons un exemple. Supposons que nous ayons plusieurs classes CSS :

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

Attribuons au paragraphe à la fois une classe et la seconde :

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

Задание 1

Supposons que vous ayez les classes suivantes :

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

Supposons également que vous ayez 4 paragraphes. En utilisant les classes présentées, faites en sorte que le premier paragraphe soit vert et avec une grande police, le deuxième paragraphe - rouge et avec une petite police, le troisième paragraphe - rouge et avec une grande police, et le quatrième - vert et avec une petite police.

Задание 2

Imaginez et créez 3 classes quelconques. Attribuez à une balise quelconque simultanément les trois classes que vous avez imaginées.