title: how to cancel opacity for a child element?
body: <p>I want apply opacity for parent but I do not want the child element to inherit this opacity.</p>
  
  <pre><code>&lt;div class="parent"&gt;
   &lt;div class="child"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  .parent {
    opacity: 0.6;
  }
  </code></pre>
  
  <p>Is there a way to "cancel" the inherited opacity? maybe force it to <code>opacity=1</code>for the child element?</p>