Почему не получается первый текст красным блоком?

<!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>
    
    	<style type="text/css">
    	.content {
       background-color: red;
    	}

    	</style>
	</div>


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

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

html

css

2 ответов

Потому что в обоих случаях вы используете название класса .content и последний класс .content у вас:

 	.content {
    	background-color: green;
    	}

по этой причине оба блока будут зеленым цветом.

Здесь смотрите как правильно:

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

Кнопка справа сверху "Показать ответ".

Спасибо вам
Пока ждал ответ до меня дошло,что они одинаковые