Селектор потомков и классы в CSS

Пусть у нас есть следующий код:

<div class="block">
	<h2>Title</h2>
	<p>
		text
	</p>
</div>
<div class="block">
	<h2>Title</h2>
	<p>
		text
	</p>
</div>

Давайте выберем все заголовки h2 и абзацы, находящиеся внутри элемента с классом block, и покрасим их в разные цвета. Используем для этого селектор потомков (который пробел между селекторами):

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