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:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Přiřaďme odstavci jak jednu třídu, tak druhou:
<p class="error large">
lorem ipsum
</p>
Předpokládejme, že máte následující třídy:
.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.
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.
