title: Faking the :has() "parent selector" using only CSS
body: <p>It's long been hailed as the answer to many selector problems, even disputed by some as entirely unnecessary, but the Selectors Level 4 pseudo-class <strong><code>:has()</code></strong>, better known as the <strong>parent selector</strong>, is the <em>only</em> one from Level 4 that will not be implemented in CSS, according to the latest revision of the <strong><a href="http://dev.w3.org/csswg/selectors4/#profiles" rel="nofollow noreferrer">W3 Spec</a></strong>. Reason being that it's inefficient and already covered by JavaScript functionality.</p>
  
  <p>Mulling over this, I've been thinking of how to fake this effect using pure CSS. Below I've provided one method, Q&amp;A style, for achieving the effect as an answer, but would like to know if there are other methods. Specifically, more efficient CSS implementations, or responsive CSS implementations.</p>