Как сделать чтобы цвет 2 блока не распространялся на 1 блок?

0

Домашнее задание 2
Сделал вот так  должно получиться первый блок зеленый второй красный 
а у меня и 1 и 2 красный,но указал в первом блоке цвет зеленый а во втором красный
Подскажите что не так

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Урок HTML разметки</title>
<meta name="description" content="Урок HTML разметки">
<meta name="keywords" content="html,Lesson">
</head>

<body>
<div class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено <span class="color_world">британскими учеными</span> на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>

<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>

<style type="text/css">

.content {
background-color: green;
}

</style>

<div class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлингов было потрачено <span class="color_world">британскими учеными</span> на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить, что всем остальным способам провести время в воде утки предпочитают дождь, который заменяет им душ.</p>

<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученым удалось установить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>

<style type="text/css">

.content {
background-color:red;
}

</style>

</body>
</html>
html

1 ответов

0

Вот "живой" пример, нужно нажать на кнопку справа сверху Показать ответ:

https://fructcode.com/ru/courses/html-and-css/how-to-set-background-color-div-css/

Sign up or Log in to write an answer