Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Posted by Alan Longcoy
.a{fill-rule:evenodd;}techdegree seal-36
Alan Longcoy
Python Development Techdegree Graduate 30,130 Points

Is this passable? It is expecting the last-child (aneven child) to be azure and all the even children to be dodger blue.

The last child in the list is also an even child. The code seems to be expecting the last child to be both color Azur and Dodgeblue

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;
}

li:last-child
{
  color: azure;
}
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>

1 Answer

tomd
tomd
16,701 Points
tomd
tomd
16,701 Points

What is your question?

Alan Longcoy
.a{fill-rule:evenodd;}techdegree seal-36
Alan Longcoy
Python Development Techdegree Graduate 30,130 Points

The code challenge starts by asking to make the first list item color white in the unordered list. I enter the following and the answer is said to be correct:

li:first-child { color: white; }

The code challenge then asks to make the last list item color azure in the unordered list. I enter the following and the answer is said to be correct:

li:last-child { color: azure; }

The code challenge then asks to make the even list items color dodger blue in the unordered list. I enter the following and the answer is said to be incorrect and states that the last list item is not azure anymore. I try swapping the code below with the code above and then the challenge states that not all the even list items are dodger blue. So I don't know how to get the challenge to accept any answer because I think it is expecting the last list item to be the color azure and dodger blue at the same time.

li:nth-child(even) { color: dodgerblue; }