შთამომავლების სელექტორი და კლასები CSS-ში

დავუშვათ, გვაქვს შემდეგი კოდი:

<div class="block">
	<h2>სათაური</h2>
	<p>
		ტექსტი
	</p>
</div>
<div class="block">
	<h2>სათაური</h2>
	<p>
		ტექსტი
	</p>
</div>

მოდით ავირჩიოთ ყველა სათაური h2 და აბზაცი, რომელიც მდებარეობს ელემენტის შიგნით კლასით block და გავაფერადოთ ისინი სხვადასხვა ფერებში. ამისთვის გამოვიყენოთ შთამომავლების სელექტორი (რომელიც არის სივრცე სელექტორებს შორის):

.block h2 {
	color: red;
}
.block p {
	color: green;
}

მოცემულია შემდეგი კოდი:

<p class="eee">
	ტექსტი <i>დახრილი</i>
</p>
<p class="eee">
	ტექსტი <i>დახრილი</i>
</p>
<div class="eee">
	ტექსტი <i>დახრილი</i>
</div>
<div class="eee">
	ტექსტი <i>დახრილი</i>
</div>

გააფერადეთ წითელ ფერში ყველა i თეგი, რომელიც მდებარეობს ელემენტებში კლასით eee.