/*Selector Universal*/
* {
	background-color: lightblue;
	color: white;
}

/*Selector de Etiqueta*/
h1, h2, h3 {
	color: yellow !important; /*Important: en caso de colisión esta instrucción es la principal*/
}

p {
	color: blue;
}

span {
	color: black;
}

p span {		/*Todos los span que estan adentro de un p*/
	color: pink;
}


p > a {		/*Todos los a que que hereden directamente de p*/
	background-color: green;
}


p span > a {		/*Todos los a que que hereden directamente de span y esten dentro de un p*/
	background-color: orange;
}

/*Selector de clase*/

.destacado {
	background-color: gray
}

/*Selector de id*/

#inicio {
	background-color: blue;
}

/*Selectores avanzados*/

/* p > a: Todos los a que esten dentro de p */

/* p + h2: Todos los h2 que le siguen (o estan debajo de) de p */

/* span[class]: todos los span que tengan un atributo class */

/* span[class="destacado"]: todos los span que tengan un atributo class de nombre destacado */

/* span[class (colita de cochino)="destacado"]: todos los span que NO tengan un atributo class de nombre destacado */