Open In App

What is first child in CSS ?

Improve
Improve
Like Article
Like
Save
Share
Report

The first-child is a pseudo-class in CSS that represents the first element among a group of sibling elements. The:first-child Selector is used to target the first-child element of its parent for styling.

Syntax:

:first-child {
     //property
}

Example: Here is the demonstration of the first child in CSS.

HTML




<!DOCTYPE html>
<html>
<head>
    <style>
        p:first-child {
            background: limegreen;
            color: white;
            font-style: italic;
            font-size: 1.875em;
        }
    </style>
</head>
<body>
    <p>I am first child.</p>
    <p>I am second child.</p>
    <p>I am third child.</p>
    <p>I am last child.</p>
</body>
</html>


Output:


Last Updated : 04 May, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads