Course Content

  • Lecture-28_first-last-child
  • Lecture-28_nth-child
  • Lecture-28_nth-child-function

Course Content


The Child Selector is used to find all items that are children of a given element. It establishes a link between two elements. The element > element selection chooses elements that are offspring of a particular parent.

Only HTML Elements that are direct offspring of a specified element are selected by the Child Combinator (>). The Descendant Combinator, on the other hand, chooses all HTML Elements that are children, grandkids, great-grandchildren, and so on. They're all descendants of a single element, hence they're all chosen.

All elements that are a direct child of the specified element are selected using the ("parent > child") selection.

In CSS, there is currently no mechanism to pick an element's parent. It would be in any of the current CSS selectors specs if there was a way to accomplish it: Level 3 Selectors Spec.

You can use the:first-child selection to target the first element that appears inside another element. It is defined as a "structural pseudo-class" in the CSS Selectors Level 3 spec, which means it is used to style content depending on its relationship with parent and sibling content.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere