Etiqueta con clase asignada en CSS

Supongamos que tenemos dos tipos de etiquetas con las mismas clases. Por ejemplo, que tanto los encabezados h2, como los párrafos tengan la misma clase:

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

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

Podemos, por ejemplo, colorear todos los elementos con esta clase en rojo:

.eee {
	color: red;
}

Sin embargo, se puede hacer referencia a una etiqueta específica con clase. Por ejemplo, se pueden seleccionar todos los h2 con clase eee y por separado seleccionar todos los p con esta clase.

Para ello, en el selector se debe escribir el nombre de la etiqueta, y luego de forma continua el nombre de la clase. Vamos, por ejemplo, a colorear los h2 con nuestra clase en rojo, y los párrafos con esta clase - en verde:

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

Dado el siguiente 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;
}

Haga que todos los h2 con clase header tengan un tamaño de 40px, y todos los h3 con esta clase - un tamaño de 30px.