The :last-child Selector is used to target the last child element of it’s parent for styling. This selector is same as “:nth-last-child”.
Syntax:
:last-child {
//property
}
Example:
<!DOCTYPE html>
< html >
< head >
< style >
p:last-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:
Supported Browsers:
- Google Chrome 4.0
- Edge 9.0
- Firefox 3.5
- Safari 3.2
- Opera 9.6
Last Updated :
07 Jun, 2023
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...