Element z več CSS razredi

Elementu lahko hkrati dodelimo več CSS razredov. Če želite to storiti, v atributu class naštejte te razrede ločene s presledkom.

Poglejmo si primer. Predpostavimo, da imamo nekaj CSS razredov:

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

Dodelimo odstavku tako prvi kot drugi razred:

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

Задание 1

Predpostavimo, da so vam podani naslednji razredi:

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

Predpostavimo tudi, da imate 4 odstavke. S pomočjo predstavljenih razredov poskrbite, da bo prvi odstavek zelen in z veliko pisavo, drugi odstavek - rdeč in z majhno pisavo, tretji odstavek - rdeč in z veliko pisavo, četrti pa - zelen in z majhno pisavo.

Задание 2

Izumite in ustvarite 3 kakršne koli razrede. Dodelite kakšnemu elementu hkrati vse tri izumljene razrede.