<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p:only-child{
color: red;
}
div{
border: 1px solid #8c8c8c;
margin:15px 0;
}
</style>
</head>
<body>
<h1>CSS :only-of-type Selector</h1>
<p>I'm not a only child of this body.</p>
<div>
<p>I'm only child of this div.</p>
</div>
<div>
<p>I'm first child of this div.</p>
<a href="#">I'm second child of this div.</a>
</div>
</body>
</html>