Role of CSS :first-of-type Selector

Use the CSS :first-of-type selector to style every <p> element that is the first <p> element of its parent with CSS.

Example

You can try to run the following code to implement the :first-of-type selector

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          p:first-of-type {             background: orange;          }       </style>    </head>    <body>       <p>This is demo text1.</p>       <p>This is demo text2.</p>    </body> </html>
Updated on: 2020-06-30T09:48:52+05:30

167 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements