title: Simultaneously change background-color of both footnote links on click?
body: <p>I have footnote links and I want to change the background color of both links when clicked.</p>
  
  <pre><code>&lt;p id='text1'&gt;Text1&lt;sup&gt;&lt;a href='#footnote1'&gt;[1]&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
  
  &lt;ol&gt;
    &lt;li&gt;&lt;sup id='footnote1'&gt;&lt;a href='#text1'&gt;[1]&lt;/a&gt;&lt;/sup&gt;Footnote1&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>This is what I tried but it obviously only changes the ol list link:</p>
  
  <pre><code>ol li sup a:active {background-color:yellow}
  </code></pre>
  
  <p>How can I simultaneously change the background color of both the p and ol links when any of the links are clicked, if possible using only pure CSS?</p>