<!-- Contenedor -->
<div>
  
  <!-- Párrafos dentro de un div -->
  <p>Hola soy un párrafo</p>
  <p>Hola soy otro párrafo</p>
  <span>
    <!-- Párrafo dentro de un span y un div-->
    <p>Hola soy un párrafo más profundo</p>
  </span>
  
</div>

<!-- Párrafos fuera del div -->
<p>Hola soy un párrafo fuera del div</p>
<p>Hola soy otro párrafo fuera del div</p>
/* Estilos a párrafos dentro div y no más profundo */
div > p{
  background: #1397EF;
  padding: 10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.