Edit in JSFiddle

<p>
	<span>ほげ</span>
	<span>ぴよ</span>
</p>
<p>
	<span>ほげほげ</span>
	<a href="#">ほげほげ</a>
</p>
<p>
	<span>ここにヒット 赤になる</span>
</p>
<p>
	<a href="#">ここにヒット 青になる</a>
</p>
span:only-child{
  background-color: red;
}
a:only-child{
  background-color: blue;
}