En la versión número 3 de CSS se introdujo una característica increíblemente útil: la posibilidad de seleccionar determinados elementos hijos de un elemento padre en común, es decir, si tienes una lista desorganizada <ul> con varios items <li> ahora puedes seleccionas alguno de ellos o definir una sumatoria para seleccionarlos, por ejemplo, los items pares o impares, o cada 3 items.

A pesar de la excelente especificación que tiene siempre es un poco complicado comprender perfectamente como funciona, el ejemplo más claro es con las listas pero prácticamente se puede aplicar a cualquier listado de etiquetas que sean hijas de otra.

Si deseas aprender mejor como funciona este pseudo-selector te recomiendo NTH-Test, una pequeña aplicación web para que compruebes visualmente y de manera rápida lo que estás seleccionando actualmente cuando utilizas este selector.

NTH-TEST

La entrada NTH-Test: Aprende fácilmente como utilizar CSS nth-child y nth-of-type se publicó primero en Punto Geek.

Para los que no lo sepan, Ironman es una competencia de triatlón, donde se nada 3.86 kilómetros en el mar, se pedalea 180.2 kilómetros y termina corriendo 42.195 kilómetros a lo largo de la costa de Big Island.

A mi me sacó un par de lágrimas, ¿Y a ti?

La entrada Un verdadero Ironman [Vídeo] se publicó primero en Punto Geek.