<div id="title" class="tg">
  <h1>タイトル1</h1>
      <p>1番最初のpテキスト</p>
    <p>2番目のpテキスト</p>
  <h1>タイトル2</h1>
    <p>最後のpテキスト</p>
  <h1>タイトル3</h1>
</div>
<hr>
<div id="title2" class="tg">
  <h1>タイトル1</h1>
      <p>1番最初のpテキスト</p>
    <p>2番目のpテキスト</p>
  <h1>タイトル2</h1>
    <p>最後のpテキスト</p>
  <h1>タイトル3</h1>
</div>
#title p:nth-child(1) {
  color: #FF0004;
}

hr {
  border: 2px solid blue;
}

#title2 p:nth-of-type(1) {
  color: #ff0004;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.