title: how to choose which <p> to affect
body: <p>I'm not sure how to affect only one &lt;p when trying to customize the color or font. For example if I write</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>p {
      Color: red;
      
  }</code></pre>
  </div>
  </div>
  </p>
  <p>It'll affect every &lt;p in the code. What if I only want to affect one set of &lt;p and not the rest. How do I specify to the code that I only want that one certain pair to be affected.</p>