Как задать родительскому блоку дополнительный класс? вопрос к 12 уроку курсу html и css?

0

То есть мы делаем первый блок div в css задали ему зеленый фон, что бы точно так же не делать заново я копирую всю структуру ниже и меняю фон на другой цвет, получается цвет в итоге в обоих блоках один и тот же.. я так понимаю мне нужно задать комбо класс,

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

</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
css

1 ответов

1

Если в css писать одинаковые классы и стили, то сработает только ПОСЛЕДНИЙ заданный стиль, т.е. другие заданные ранее стили теряют свою силу. По этому два блока с ОДИНАКОВЫМ НАЗВАНИЕМ КЛАССА будут green цветом.

Sign up or Log in to write an answer