title: How to style the parent element when hovering a child element?
body: <p>I know that there does not exist a <a href="https://stackoverflow.com/q/1014861/757830">CSS parent selector</a>, but is it possible to style a parenting element when hovering a child element without such a selector?</p>
  
  <p>To give an example: consider a <em>delete button</em> that when hovered will highlight the element that is about to become deleted:</p>
  
  <pre><code>&lt;div&gt;
      &lt;p&gt;Lorem ipsum ...&lt;/p&gt;
      &lt;button&gt;Delete&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>By means of pure CSS, how to change the background color of this section when the mouse is over the button?</p>