CSS에서 특정 클래스를 가진 태그

동일한 클래스를 가진 두 가지 유형의 태그가 있다고 가정해 봅시다. 예를 들어, h2 제목과 단락이 동일한 클래스를 가지는 경우입니다:

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

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

예를 들어, 해당 클래스를 가진 모든 요소를 빨간색으로 칠할 수 있습니다:

.eee {
	color: red;
}

그러나, 특정 태그에 클래스를 지정하여 선택할 수도 있습니다. 예를 들어, 클래스 eee를 가진 모든 h2를 선택하고, 해당 클래스를 가진 모든 p를 별도로 선택할 수 있습니다.

이를 위해 선택자에 태그 이름을 쓰고, 바로 이어서 클래스 이름을 붙여 씁니다. 예를 들어, 클래스를 가진 h2는 빨간색으로, 해당 클래스를 가진 단락은 녹색으로 칠해 봅시다:

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

다음 코드가 주어졌습니다:

<h2 class="header">텍스트</h2>
<h2 class="header">텍스트</h2>
<h3 class="header">텍스트</h3>
<h3 class="header">텍스트</h3>

.header {
	color: red;
}

클래스 header를 가진 모든 h2의 크기를 40px로 만들고, 해당 클래스를 가진 모든 h3의 크기를 30px로 만드세요.