title: CSS on :target stays on even after changing location.hash
body: <p>I use /page/#hash to go to</p>
  
  <pre><code> &lt;div id="hash" class="list-recipe"&gt;&lt;/div&gt;
   &lt;style&gt;
   /* which I highlight using this */
   .list-recipe:target{ border:2px solid red; }
   &lt;/style&gt;
  </code></pre>
  
  <p>How can I remove the style using javascript?</p>
  
  <p>Because changing location.hash doesn't work and changing URL dynamically also doesn't.</p>
  
  <hr>
  
  <p>Example:
  <a href="https://www.halladays.com/recipes/desserts/#peaches-cream-cheesecake" rel="nofollow noreferrer">https://www.halladays.com/recipes/desserts/#peaches-cream-cheesecake</a></p>
  
  <p>Then click on other recipe title -> it will change the location.hash, but the styling for :target stays on.</p>
  
  <p>How can I remove it?</p>