title: Override opaque text in a transparent div with CSS
body: <p>I am trying to make text inside a transparent div have no opacity, aka be completely black:</p>
  
  <pre><code>&lt;div style="opacity:0.6;background:#3cc;"&gt;
      &lt;p style="background:#000;opacity:1"&gt;This text should be all black&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is this possible to do with only CSS?</p>
  
  <p>Thanks in advance</p>