Elementas su keliais CSS klasėmis

Galima vienu metu priskirti kelias CSS klases bet kuriam elementui. Norint tai padaryti, class atribute šios klasės turi būti išvardintos per tarpą.

Pažiūrėkime pavyzdžiu. Tarkime, kad turime keletą CSS klasių:

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

Priskirkime pastraipai ir vieną klasę, ir antrąją:

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

Задание 1

Tarkime, kad jums pateiktos šios klasės:

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

Tarkime, kad taip pat turite 4 pastraipas. Su pateiktų klasių pagalba pasidarykite taip, kad pirmoji pastraipa būtų žalia ir su dideliu šriftu, antroji pastraipa - raudona ir su mažu šriftu, trečioji pastraipa - raudona ir su dideliu šriftu, o ketvirtoji - žalia ir su mažu šriftu.

Задание 2

Sugalvokite ir sukurkite 3 kokias nors klases. Priskirkite kokiam nors elementui vienu metu visas tris jūsų sugalvotas klases.