title: Specify parent divs opacity but make it not affect children HTML elements
body: <p>I have a paragraph element inside a div. The div has an opacity of 0.3 &amp; the paragraph has an opacity of 1.</p>
  
  <p>When I show the elements, it appears the paragraph is transparent, like it has an opacity of 0.3.</p>
  
  <p><strong>Is there a way to make the paragraph inside the div have full opacity? Maybe I can set a CSS value for this?</strong></p>
  
  <pre><code>&lt;div style="opacity: 0.3; background-color: red;"&gt;
     &lt;p style="opacity: 1;"&gt;abcde&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>