Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Alan Longcoy
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Alan Longcoy
Python Development Techdegree Graduate 29,953 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

What is your question?

Alan Longcoy
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Alan Longcoy
Python Development Techdegree Graduate 29,953 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; }