<div>
	<p>ここは「手前」なので効かない</p>
	<ul>
		<li>aaa</li>
		<li>aaa</li>
	</ul>
	<p>後方に出てきているので効く</p>
	<p>後方に出てきているので効く</p>
</div>
<div>
	<p>ここは「親」が違うので効かない</p>
</div>
ul ~ p {
	color:#f00;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.