мое новое расписание: пн-пт с 8.00 по 16.00 по москве, сб и вс - выходные; после 16.00 и на вых. отвечаю по возможности

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

Можно одновременно задать несколько 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 какие-нибудь класса. Задайте какому-нибудь тегу одновременно все три придуманных вами класса.