Как выполнить задание 2? Не применяется красный цвет в стилях.

0
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлинга было потрачено британским ученным на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить,что всем остальным способам провести время в воде утки предподчитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученным удалось устрановить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content
{
background-color:red;
}
</style>

<div class="content">
<h1>Урок HTML разметки</h1>
<p>300 тысяч фунтов стерлинга было потрачено британским ученным на изучение взаимодействия уток с водой. В результате длительного исследования им удалось выяснить,что всем остальным способам провести время в воде утки предподчитают дождь, который заменяет им душ.</p>
<p>Еще одно шокирующее открытие исследователей с Туманного Альбиона наконец объяснило страдающим от избыточного веса, в чем заключается их проблема. В ходе научного эксперимента британским ученным удалось устрановить, что худые люди, как правило, едят меньше, чем полные.</p>
</div>
<style type="text/css">
.content
{
background-color: green;
}
</style>
</body>
</html>
html

1 ответов

2

У вас классы с одинаковым названием content. Второй стиль перекрывает первый и у обоих блоков будет зеленый цвет. Нужно назвать классы по разному и в html и в стилях, как это в интерактивной задании сделано, если нажать на кнопку справа сверху Показать ответ:

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

Sign up or Log in to write an answer