Selector descendente CSS

El selector descendente en CSS se utiliza para seleccionar los elementos que se encuentran dentro de otros elementos. 

Un elemento es descendiente de otro cuando se encuentra entre las etiquetas de apertura y de cierre del otro elemento.

El siguiente selector selecciona todos los elementos <span> de la página que se encuentren dentro de un elemento <p>:

p span { color: blue; }

Si el código HTML de la página es el siguiente:

<p>

  ...

  <span>texto1</span>

  ...

  <a href="">...<span>texto2</span></a>

  ...

</p>

El selector p span selecciona ambos textos (tanto texto1 como texto2). La razón es que en el selector descendente, un elemento no tiene que ser descendiente directo del otro. Debe cumplirse la única condición es que un elemento debe estar dentro de otro  elemento.

Interesante leer: https://misapuntesyacimientos.wordpress.com/