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:

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

Nastavme odseku tak jednu triedu, ako aj druhú:

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

Задание 1

Predpokladajme, že máte dané nasledujúce triedy:

css.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.

Задание 2

Vymyslite a vytvorte 3 nejaké triedy. Nastavte nejakému elementu súčasne všetky tri vami vymyslené triedy.