Prvok s viacerými CSS triedami
Je možné súčasne nastaviť viacero CSS tried
akémukoľvek elementu. Na to v atribúte
class je potrebné tieto triedy uviesť
medzerou oddelené.
Pozrime sa na príklad. Predpokladajme, že máme niekoľko CSS tried:
.error {
color: red;
}
.large {
font-size: 30px;
font-family: Arial;
}
Nastavme odseku tak jednu triedu, ako aj druhú:
<p class="error large">
lorem ipsum
</p>
Predpokladajme, že máte dané nasledujúce triedy:
.success {
color: green;
}
.error {
color: red;
}
.large {
font-size: 30px;
}
.small {
font-size: 20px;
}
Predpokladajme tiež, že máte 4 odseky. S
pomocou prezentovaných tried zaistite, aby
prvý odsek bol zelený a s veľkým
písmom, druhý odsek - červený a s malým
písmom, tretí odsek - červený a s veľkým
písmom, a štvrtý - zelený a s malým písmom.
Vymyslite a vytvorte 3 nejaké
triedy. Nastavte nejakému elementu súčasne
všetky tri vami vymyslené triedy.
