JavaScript CSS Selectors Quickstart Pseudo-classes and Combinators Pseudo-classes Challenge

Harshal Amin
Harshal Amin
Full Stack JavaScript Techdegree Student 2,205 Points

it says that the color of the all even numbered li needs to be dodgerblue, but it does give an error

it says that the color of the all even numbered li needs to be dodgerblue, but it does give an error saying that last item needw to be azure

style.css
/* Complete the challenge by writing CSS below */
li:first-child{
  color: white;
}
li:last-child{
  color: azure;
}
li:nth-child(even){
 color: dodgerblue; 
}
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Pseudo-classes Challenge</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <ul>
      <li>Papayas</li>
      <li>Avocados</li>
      <li>Pineapples</li>
      <li>Grapefruits</li>
      <li>Pomegranates</li>
      <li>Tamarinds</li>
      <li>Kiwis</li>
      <li>Lemons</li>
      <li>Bananas</li>
      <li>Tomatoes</li>
    </ul>
  </body>
</html>

2 Answers

Mark Sebeck
MOD
Mark Sebeck
Treehouse Moderator 18,394 Points

Make sure you read the question carefully. It asks to change the "background" color of the even items

Mark Sebeck
Mark Sebeck
Treehouse Moderator 18,394 Points

No problem. Glad you were able to figure it out