Тег із заданим класом

Нехай у нас є два типи тегів з однаковими класами. Наприклад, нехай і заголовки h2, та абзаци мають один і той же клас:

<h2 class="eee">заголовок</h2>
<p class="eee">
	абзац
</p>

<h2 class="eee">заголовок</h2>
<p class="eee">
	абзац
</p>

Ми можемо, наприклад, пофарбувати всі елементи з таким класом у червоний колір:

.eee {
	color: red;
}

Можна, однак, звернутися до конкретного тегу із класом. Наприклад, можна вибрати усі h2 з класом eee та окремо вибрати усі 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;
}

Зробіть усі h2 з класом header разміром 40px, а усі h3 з цим класом - разміром 30px.