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: