CSS에서 후손 선택자와 클래스

다음과 같은 코드가 있다고 가정해 봅시다:

<div class="block">
	<h2>제목</h2>
	<p>
		텍스트
	</p>
</div>
<div class="block">
	<h2>제목</h2>
	<p>
		텍스트
	</p>
</div>

클래스 block를 가진 요소 안에 있는 모든 h2 제목과 단락을 선택하여 서로 다른 색상으로 칠해봅시다. 이를 위해 후손 선택자(선택자 사이의 공백)를 사용합니다:

.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>

클래스 eee를 가진 요소 안에 있는 모든 i 태그를 빨간색으로 칠하세요.