To style every <p> element that is the first <p> element of its parent with CSS, use the :first-of-type selector:
Example
You can try to run the following code to implement the :first-of-type selector −
<!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>