main.css

/*hola*/
/*usando class*/
.azul{
	background-color: blue;
}
/*cambiando colores a las etiquetas*/
h1,h2,p{
	color:black;
}
/* le sacamos la linea al enlace*/
a{
	color:blue;
	text-decoration: none;
}
/*USANDO ID*/
#titulo{
	background-color: red;
}
/*Llamando al li siguiente del primero*/
li:first-of-type + li{
	color:white;
}
/*llamando al primer hijo de ol*/
ol li:first-child{
	color:green;
}
/*llamando al ultimo hijo de ol*/
li:last-child{
	color:yellow;
}

.caja{
	background-color: yellow;
	padding: 1em;
	border: 1em solid black;
}

.caja2{
	background-color: red;
	padding: 1em;
	margin-top: 1em;
	border:1em dashed black;
	text-align: center;
	visibility: hidden;

}

.caja3{
	background-color: green;
	padding: 1em;
	margin-top: 1em;
	border:1em dashed black;
	text-align: center;

}

body{
	margin: 0;
}