<div>
  <p>サンプルテキスト1</p>
  <p>サンプルテキスト2</p>
  <p class="red">サンプルテキスト3</p>
  <p>サンプルテキスト4</p>
  <p>サンプルテキスト5</p>
</div>
div {
  border: 1px #999 solid;
  padding: 1em 2em;
}

p.red ~ p {
  color: #ff0000;
}

p {
  margin: 0;
  padding: 1em 0;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.