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 Selectors Advanced Selectors :nth-of-type

Nabil Nazeer
Nabil Nazeer
5,271 Points
Posted by Nabil Nazeer
Nabil Nazeer
5,271 Points

How would we use these selectors if we had anchor elements nested inside list element?

https://teamtreehouse.com/library/nthoftype

1 Answer

Kevin Gates
Kevin Gates
15,053 Points
Kevin Gates
Kevin Gates
15,053 Points

If I understand your question, it would be as simple as this:

li:nth-of-type(4) a {
  background: #52bab3;
  color: white;
}
Nabil Nazeer
Nabil Nazeer
5,271 Points
Nabil Nazeer
Nabil Nazeer
5,271 Points

Yes, you did understand my question. Thanks a lot for your help.

Kevin Gates
Kevin Gates
15,053 Points
Kevin Gates
Kevin Gates
15,053 Points

Nabil Nazeer You're welcome.

Would you mind marking the answer as "Best Answer" so it can more easily benefit other students as well?

Thanks!