title: Show child element on parent hover in CSS
body: <p>Is it possible to toggle the <strong>Delete</strong> button when mouse hovers onto the parent <code>div</code> in pure CSS?</p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;div id=&quot;parent&quot;&gt;
      &lt;button class=&quot;hidden-child&quot;&gt;delete&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p><strong>CSS</strong></p>
  <pre><code>#parent:hover{
      /* Some CSS here */
  }
  </code></pre>