CSS | :last-child Selector

Tutorials
- Algorithms
- Data Structures
  - Arrays
  - Linked List
  - Stack
  - Queue
  - Binary Tree
  - Binary Search Tree
  - Heap
  - Hashing
  - Graph
  - Advanced Data Structure
  - Matrix
  - Strings
  - All Data Structures
- Languages
  - C
  - C++
  - Java
  - Python
  - C#
  - Javascript
  - jQuery
  - SQL
  - PHP
  - Scala
  - Perl
  - Go Language
  - HTML
  - CSS
  - Kotlin
- Interview Corner
- GATE
- ISRO CS
- UGC NET CS
- CS Subjects
- Web Technologies
  - HTML
  - CSS
  - Javascript
  - jQuery
  - PHP
Student
Jobs
- Apply for Jobs
- Post a Job
Courses

Write

Come write articles for us

Practice

Learn and code with experts

IDE

Test and compile your codes here

Jobs

Come get hired with us

Last Updated : 26 Dec, 2018

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> 