<p>pですがh1以前なので変わりません</p>
<h1>h1です</h1>
<p>h1以降のpなので赤色に変わります</p>
<h2>h2なので変わりません</h2>
<p>h1以降のpなので赤色に変わります</p>
<p>h1以降のpなので赤色に変わります</p>
<div>
  <p>h1以降のpですが階層がが違うので変わりません</p>
</div>
h1 ~ 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.