Как изменить цвета в блоках с помощью css?

Вы в коде допустили ошибки где-то. Смотрите здесь пример правильного кода:

/ru/courses/html-and-css/how-to-set-background-color-div-css/

Нужно нажать на кнопку Показать ответ (справа).

надо дублировать 2 блока <div></div>, т е один подписать

<div class="content">

        <h1>......

</div>     

а следом продублировать его, но изменить название блока, например:

<div class="content1">

        <h1>......

</div>

а дальше применять форматирование для каждого блока отдельно:

<style type="text/css">
 
        .content {
 
                 background-color: red;
 }
        .content1 {
 
                 background-color: green;
 
} 
 
</style>