Element med flera CSS-klasser

Det är möjligt att tilldela flera CSS-klasser samtidigt till ett element. För att göra detta ska klasserna listas i attributet class, separerade med mellanslag.

Låt oss titta på ett exempel. Antag att vi har några CSS-klasser:

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

Låt oss tilldela stycket både den ena och den andra klassen:

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

Задание 1

Antag att du har följande klasser:

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

Antag också att du har 4 stycken. Med hjälp av de presenterade klasserna, se till att det första stycket är grönt och med stor typsnittsstorlek, det andra stycket - rött och med liten typsnittsstorlek, det tredje stycket - rött och med stor typsnittsstorlek, och det fjärde - grönt och med liten typsnittsstorlek.

Задание 2

Kom på och skapa 3 några slags klasser. Tilldela ett element samtidigt alla tre av dina egna hittade klasser.