/* Selector universal ( el "*" ): se aplica a todo el documento
*/

* { font-family: Arial }

/* Selector que aplica CSS a los elementos "span" que esten dentro de lementos "p" */

p span { color: red;
         font-size: 2em; }

/* Selector que aplica CSS a los elementos "span" que esten dentro de lementos "a" que esten dentro del elemento "p"*/

p a span { color: blue;
         font-size: 2em; }


header p span { color: yellow;
                font-size: 2em; }

/* Se aplica al "span" con nombre de clase "especial" que descienda ( este dentro) de un elemento "div" con nombre de clase "aviso" */
/* Otras combinaciones con resultados diferentes: 
.aviso */
div.aviso span.especial { color: gray;
                         text-decoration: underline; }