<div>
  <p>ここはdivの「直下の子要素」なので効く</p>
  <section>
    <h2>見出し</h2>
    <p>ここはdivから見ると孫要素なので効かない</p>
  </section>
</div>
div > p {
  color: #ff0000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.