Как сделать чтобы цвет 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>
1 ответов
0
Вот "живой" пример, нужно нажать на кнопку справа сверху Показать ответ:
https://fructcode.com/ru/courses/html-and-css/how-to-set-background-color-div-css/