NTH-Test: Aprende fácilmente como utilizar CSS nth-child y nth-of-type

Nth-test

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

Un verdadero Ironman [Vídeo]

Y no, no se trata del personaje del comic, se trata de un hombre de verdad. Un padre bastante especial, de los que demuestran el amor por sus hijos de una manera un tanto peculiar, en este caso espectacular, indescriptible lo que logra el amor, increíble la fuerza que brinda el amar.

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?