Style every <p> element that is the child of its parent, counting from the last child with CSS



Use the CSS :nth-last-child(n) selector to style every <p> element that is the child of its parent, counting from the last child. You can try to run the following code to implement the :nth-last-child(n) selector

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          p:nth-last-child(4) {             background: blue;             color: white;          }       </style>    </head>    <body>       <p>This is demo text 1.</p>       <p>This is demo text 2.</p>       <p>This is demo text 3.</p>       <p>This is demo text 4.</p>       <p>This is demo text 5.</p>       <p>This is demo text 6.</p>    </body> </html>

Output

Updated on: 2020-06-22T06:05:54+05:30

217 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements