複数のCSSクラスを持つ要素

任意のタグに複数のCSSクラスを同時に設定することができます。そのためには、class属性で、これらのクラスをスペースで区切って列挙します。

例を見てみましょう。いくつかのCSSクラスがあるとします：

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

段落に1つ目のクラスと2つ目のクラスを両方設定します：

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

Задание 1

以下のクラスが与えられているとします：

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

また、4つの段落があるとします。提供されたクラスを使用して、最初の段落を緑色で大きなフォントに、 2番目の段落を赤色で小さなフォントに、 3番目の段落を赤色で大きなフォントに、 4番目の段落を緑色で小さなフォントにしてください。

Задание 2

任意のクラスを3つ考えて作成してください。何らかのタグに、作成した3つのクラスすべてを同時に設定してください。