What is first child in CSS ?
Last Updated :
04 May, 2023
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:
Share your thoughts in the comments
Please Login to comment...