# Элемент с несколькими CSS классами

Можно одновременно задать несколько CSS классов какому-нибудь тегу. Для этого в атрибуте `class` эти классы нужно перечислить через пробел.

Давайте посмотрим на примере. Пусть у нас есть несколько CSS классов:

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

Зададим абзацу и один класс, и второй:

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

Пусть у вас даны следующие классы:

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

Пусть у вас также есть `4` абзаца. С помощью представленных классов сделайте так, чтобы первый абзац был зеленый и с большим шрифтом, второй абзац - красным и с маленьким шрифтом, третий абзац - красным и с большим шрифтом, а четвертый - зеленым и с маленьким шрифтом.

Придумайте и сделайте `3` какие-нибудь класса. Задайте какому-нибудь тегу одновременно все три придуманных вами класса.

← →
↑