title: How to make a transparent text ignore its parent div background-color?
body: <p>I have a container div with a background color, a &quot;button&quot; div inside the container -with a different background color- and a text inside the &quot;button&quot; div.</p>
  <p>My question is: is it possible to make the text &quot;inherit&quot; the container color, even if the text isn't the container's child?</p>
  <p>Only possible solutions without having to resort to JS please.</p>
  <p>CSS:</p>
  <pre><code>.container{
    background-color: red;
  }
  
  .button{
  background-color: white;
  }
  </code></pre>
  <p>HTML:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
    &lt;div class=&quot;button&quot;&gt;
     &lt;a href=&quot;#&quot;&gt;THE TEXT&lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The given CSS and HTML are just an example to my real problem, which contains a lot of &quot;buttons&quot; and &quot;containers&quot;.</p>