📐 Pseudoclases Estructurales en Tailwind CSS

Tabla de Pseudoclases

Pseudo-clase Descripción Tailwind Ejemplo
:first-child Aplica al primer hijo del padre first:
  • Elemento 1
  • Elemento 2
  • Elemento 3
:last-child Aplica al último hijo del padre last:
  • Elemento 1
  • Elemento 2
  • Elemento 3
:nth-child(odd) Selecciona hijos impares odd:
  • Elemento 1
  • Elemento 2
  • Elemento 3
:nth-child(even) Selecciona hijos pares even:
  • Elemento 1
  • Elemento 2
  • Elemento 3
:only-child Selecciona si es el único hijo only:

Elemento A

Elemento B

Elemento C

Elemento A

Elemento B

Elemento C

Elemento C