CSS 3: Selectores 2

Abstract

En este vídeo se explica cómo utilizar selectores CSS para seleccionar elementos HTML basándose en sus relaciones de parentesco. Se comienza explicando cómo funcionan los selectores nth-child y nth-of-type, que permiten seleccionar elementos según su posición entre sus hermanos. Luego se muestra un ejemplo práctico en Visual Studio Code, donde se crea una regla CSS para poner en rojo todos los párrafos, luego solo aquellos que son descendientes de un elemento con id "contacto", y finalmente solo los hijos directos de ese elemento. También se explica cómo utilizar el selector nth-child para seleccionar elementos según su posición impar o par entre sus hermanos, mostrando un ejemplo con filas de una tabla.