Prvek s více CSS třídami

Jednomu prvku lze současně přiřadit více CSS tříd. K tomu je třeba v atributu class tyto třídy uvést mezerou oddělené.

Podívejme se na příklad. Předpokládejme, že máme několik CSS tříd:

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

Přiřaďme odstavci jak jednu třídu, tak druhou:

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

Задание 1

Předpokládejme, že máte následující třídy:

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

Předpokládejme také, že máte 4 odstavce. S pomocí uvedených tříd zařiďte tak, aby první odstavec byl zelený a s velkým písmem, druhý odstavec - červený a s malým písmem, třetí odstavec - červený a s velkým písmem, a čtvrtý - zelený a s malým písmem.

Задание 2

Vymyslete a vytvořte 3 nějaké třídy. Nějakému prvku přiřaďte současně všechny tři vámi vymyšlené třídy.