title: Adding CSS when you access a URL with a specific ID in it
body: <p>I have a page with multiple headers, which all have there own ID. The idea is when you click on a specific link, it takes you to the page with the headers and will scroll down to the appropriate header. However on some of the pages, there isn't enough content for the page to scroll down and for the header to site at the top of the page. So I want to highlight the header that the content references, so it's clear which content the link represents.</p>
  
  <p>So the link would be something like </p>
  
  <pre><code>http://website.com/test#headerOne
  
  http://website.com/test#headerTwo
  </code></pre>
  
  <p>Then once you've accessed the URL <a href="http://website.com/test#headerOne" rel="nofollow">http://website.com/test#headerOne</a> it would drop you down to  on the page. But the page isn't long enough for the header to sit at the top of the page. So i want to be able to add a background colour to the header.</p>
  
  <p>Updated HTML:</p>
  
  <pre><code>&lt;h3&gt; Header One &lt;/h3&gt;
  &lt;a name="headerOne"&gt;&lt;/a&gt;
  
  &lt;p&gt;Content here&lt;/p&gt;
  </code></pre>
  
  <p>I'm persuming some Jquery would need doing but not sure where to start with it. I was thinking of detecting the URL and then doing an if else statement, but this seems like a long winded approach.</p>
  
  <p>Any help would be much appreciated. </p>
  
  <p>Thanks</p>