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

CSS CSS Foundations Advanced Selectors Pseudo-Classes: :nth-child

melissa brown
melissa brown
4,670 Points
Posted by melissa brown
melissa brown
4,670 Points

task one is no longer passing

hi im doing the code challenge. it accepts my code and but when i enter the code for question 2 it keeps telling me that task one is no longer passing.

Challenge Task 1 of 4

Use the :nth-child pseudo-class to target the even list items only. Set the color to white and the background color to black.

~~~li:nth-child(even) { color: white; background-color: black; }

```index.html
<!DOCTYPE html>
<html>
<head>
    <title>Structural Pseudo-classes</title>
    <link rel="stylesheet" type="text/css" href="cc1-main-style.css">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
        <li>List item 4</li>
        <li>List item 5</li>
        <li>List item 6</li>
        <li>List item 7</li>
    </ul>
</body>
</html>
style.css 
/* Write your CSS below */
li:nth-child(3) {
  background-color: #ff6347;
}

1 Answer

Rich Bagley
Rich Bagley
25,869 Points
Rich Bagley
Rich Bagley
25,869 Points

Hi Melissa,

It looks as though you're replacing the first task instead of adding to it. If it helps, this works for me:

/* Write your CSS below */
li:nth-child(even){
  background: black;
  color: white;
}

li:nth-child(3n){
  background: #FF6347;
}

-Rich