Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Start a free Courses trial
to watch this video
In this video, we'll learn how to target first and last-child elements with the :first-child and :last-child structural pseudo-classes.
Quick Reference
Using :first-child and :last-child
To target the first child div
element inside a parent, we can write:
div:first-child {
margin-left: 0;
}
To target the last li
element in a list, we can write:
li:last-child {
color: tomato;
}
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up