Bienvenido a la Comunidad de Treehouse

¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.

¿Buscas aprender algo nuevo?

Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de

Inicia tu prueba gratuita

JavaScript Guía Rápida de Selectores CSS Pseudoclases y Combinadores Desafío de Pseudoclases

Nathaniel Bennett
sello-máscara
.a{fill-rule:evenodd;}techdegree seal-36
Nathaniel Bennett
JavaScript Full Stack Graduado de Techdegree 21,820 Puntos

Establecí la clase :nth-child(1) y me dijeron que no era correcta

Recibo un error en el desafío por usar li:nth-child(1) como selector

style.css
/* Completa el desafío escribiendo CSS a continuación */
li:nth-child(1){
 color: white; 
}
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Desafío de Pseudoclases</title>
    <link rel=stylesheet href=page.css>
    <link rel=stylesheet href=style.css>
  </head>
  <body>
    <ul>
      <li>Papayas</li>
      <li>Aguacates</li>
      <li>Piñas</li>
      <li>Toronjas</li>
      <li>Granadas</li>
      <li>Tamarindos</li>
      <li>Kiwis</li>
      <li>Limones</li>
      <li>Plátanos</li>
      <li>Tomates</li>
    </ul>
  </body>
</html>

1 Respuesta

Steven Parker
Steven Parker
244 163 puntos

Las instrucciones dicen: "Usa una pseudo-clase para seleccionar el primer elemento de la lista."

Mientras nth-child(1) en realidad hace este trabajo, no es la opción más clara para la tarea. El desafío específicamente te pide que uses la first-child pseudo-clase.