title: Load different css file depending on URL using jquery or something else
body: <p>is it possible to introduce id specific styles or load different css files depending on the "url" you are at? </p>
  
  <p>something like this:</p>
  
  <pre><code>&lt;script&gt;
   if(location.href == 'http://jpftest2.tumblr.com/about'){ 
  document.write('&lt;style type='text/css'&gt;
  .social {
    display:none;
  }
  
  &lt;/style&gt;'); 
  } 
  
  &lt;/script&gt; 
  </code></pre>
  
  <p>so when a user goes away from the root url to the "/about" page. i want to introduce the style:</p>
  
  <pre><code>   .social {
    display:none;
  }
  </code></pre>
  
  <p>would be better if it was also possible to load a different CSS file altogether depending on the URL?</p>
  
  <p>the different pages on tumblr share the same head so i can't introduce a different css on different pages</p>