Selectores de descendientes

La siguiente Hoja de Estilo:

H1 {color: red}
P {color: black}
EM {color: red}
H1 EM {color: blue}

Se aplica a este texto:

Un título con una palabra enfatizada

Con las reglas anteriores hemos provocado que el texto dentro del elemento EM sea de color rojo, excepto cuando es descendiente de un elemento H1, en cuyo caso es azul.

Puede suceder que EM se encuentre dentro de un elemento que a su vez se encuentre dentro de H1, como en:

<H1>Título con un
   <SPAN>elemento
      <EM>SPAN</EM>
   verde</SPAN>
y texto enfatizado</H1>

Título con un elemento SPAN verde y texto enfatizado

En este caso, H1 es padre de SPAN, que a su vez es padre de EM. Por lo tanto, EM es descendiente de H1 y la regla se cumple.