Structural Pseudo-Classes (`:nth-child()`, `:first-child`, `:not()`, `:is()`) - Free CSS3 Lessons | Nextsem

Unit 4: Advanced CSS Grid & Modern MathLesson #23 / 30

Er. Manoj Kumar•Last Updated: 26 Aug, 2026

Target specific elements in lists or tables based on their position without adding extra class names.

:first-child / :last-child: First or last element in container.

:nth-child(even) / :nth-child(odd): Alternating table row stripes.

:not(.special): Targets elements that do NOT match the selector.

⊞Code Example

/* Zebra striping table rows */

tbody tr:nth-child(even) {

background-color: #0f172a;

}

/* Remove bottom border from last list item */

.list-item:last-child {

border-bottom: none;

}

Loading CSS3 curriculum...