Element z wieloma klasami CSS

Można jednocześnie przypisać wiele klas CSS do dowolnego znacznika. Aby to zrobić, w atrybucie class należy wymienić te klasy oddzielone spacją.

Spójrzmy na przykład. Załóżmy, że mamy kilka klas CSS:

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

Przypiszmy akapitowi zarówno jedną klasę, jak i drugą:

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

Задание 1

Załóżmy, że masz podane następujące klasy:

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

Załóżmy również, że masz 4 akapity. Za pomocą przedstawionych klas spraw, aby pierwszy akapit był zielony i z dużą czcionką, drugi akapit - czerwony i z małą czcionką, trzeci akapit - czerwony i z dużą czcionką, a czwarty - zielony i z małą czcionką.

Задание 2

Wymyśl i utwórz 3 dowolne klasy. Przypisz jednocześnie jakiemuś znacznikowi wszystkie trzy wymyślone przez ciebie klasy.