Referencia HTML y CSS

:active / :link / :visited / :hover Ir a página web! Ir a Google!

:first-child / :last-child

Soy el primer parrafo!

Soy el segundo parrafo!

Soy el tercer parrafo!

:first-of-type / :last-of-type

Hola soy un div!

Hola soy un parrafo!

Hola soy un span!

Hola soy otro parrafo!

Hola soy otro div!

:nth-child() / :nth-last-child

:nth-of-type() / :nth-last-of-type()

Hola soy un div!

Hola soy un parrafo!

Hola soy otro parrafo!

Hola soy un span!

Hola soy otro parrafo!

Hola soy otro div!

:only-child

Hola, soy el unico hijo de esta lista!

Hola, soy otro elemento!

:only-of-type

Hoy, soy un div.

Hola, soy el unico parrafo de esta lista!

Hoy, soy un div.