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.

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

Maria Sletbakk
Maria Sletbakk
11,116 Points

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

Cant se whats wrong- can you..?

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 (even)
{
color: white;
  background-color: black;
}

4 Answers

I think removing the spaces should fix it:

li:nth-child(even)

Chris Shaw
Chris Shaw
26,662 Points

Hi Maria,

CSS is strict in the way you need to write pseudo selectors, in your code you have spaces after the colon and after nth-child which can't be there, simply remove them and the challenge will pass.

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

Happy coding!

Maria Sletbakk
Maria Sletbakk
11,116 Points

Thanks, but suddenly it went throw without any changes

Maria, you’ve got some extra spaces in your css that mess things up. Right there in the selector.

So instead of:

li: nth-child (even)

It should read like this:

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

Cheers!