/* link no visitado */
a:link {
  color: #rr0077
}

/* link visitado */
a:visited {
  color: green;
}

/*pasar el maouse sobre link */
a:hover {
  color: hotpink;
}

/* link  seleccionado*/
a:active {
  color: blue;
}

.caja1{
  width: 200px;
  height: 200px;
  background-color: blueviolet;
}

.caja1:hover{  
  background-color: brown;
}


/* Pseudo elementos before y after*/

p::after{
  content: "HOLA";
}

/* ::first-line y ::first-letter */
p::first-letter{
  font-size: 32px;
}

/* selector por atributo */
input[type="text"]{
  border: 3px solid blue;
}