Tag com classe definida em CSS

Suponha que temos dois tipos de tags com as mesmas classes. Por exemplo, suponha que tanto os títulos h2, quanto os parágrafos tenham a mesma classe:

<h2 class="eee">Título</h2>
<p class="eee">
	texto
</p>

<h2 class="eee">Título</h2>
<p class="eee">
	texto
</p>

Podemos, por exemplo, colorir todos os elementos com essa classe em vermelho:

.eee {
	color: red;
}

No entanto, é possível direcionar uma tag específica com uma classe. Por exemplo, podemos selecionar todos os h2 com a classe eee e separadamente selecionar todos os p com essa classe.

Para isso, no seletor, você deve escrever o nome da tag e, em seguida, o nome da classe sem espaços. Vamos, por exemplo, colorir os h2 com nossa classe em vermelho e os parágrafos com essa classe - em verde:

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

Dado o seguinte código:

<h2 class="header">texto</h2>
<h2 class="header">texto</h2>
<h3 class="header">texto</h3>
<h3 class="header">texto</h3>

.header {
	color: red;
}

Faça todos os h2 com a classe header terem um tamanho de 40px, e todos os h3 com essa classe - um tamanho de 30px.