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

Posted by maxyazhbin
maxyazhbin
9,412 Points

Error in challenge task 4

Question: Create a new rule that targets the first 4 list items only. Set the font weight to bold.

My Answer:

li:nth-child(4-n) { font-weight: bold; }

I was marked wrong with the following comment: Bummer! Check the selector in your CSS. Make sure font-weight is set to 'bold'.

I think there is an error in the checking process, not my answer.

2 Answers

maxyazhbin
maxyazhbin
9,412 Points

Agreed, I figured that out later when I played around with the code.

Corey Gibbons
Corey Gibbons
5,672 Points
Corey Gibbons
Corey Gibbons
5,672 Points

li:nth-child(-n+4) { Your syntax is a little off "-n+4" that states the first place to start is the fourth and then select all preceding it font-weight: bold; } "4-n" means nothing