Style every <p> element that is the nth <p> element of its parent with CSS



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

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          p:nth-of-type(2) {             background: yellow;          }       </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>    </body> </html>
Updated on: 2020-06-30T11:15:07+05:30

185 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements