<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p:first-child{
color: red;
}
div{
border: 1px solid #8c8c8c;
margin: 15px 0;
}
</style>
</head>
<body>
<h1>CSS :first-child Selector</h1>
<p>This paragraph is second child of its parent (body).</p>
<div>
<p>This paragraph is first child of its parent (div).</p>
</div>
<div>
<h2>Heading</h2>
<p>This paragraph is second child of its parent (div).</p>
</div>
</body>
</html>