title: Get the contents of an included css file with Javascript and/or jQuery
body: <p>I'm making a docs site where I display html, css and js examples. Currently I grab the html of the navbar and put it into a code block:</p>
  
  <pre><code>$(".navbars #navbar .html code").text($(".navbar")[0].outerHTML);
  </code></pre>
  
  <p>I want to be able to do something similar with the css. All the navbar css is included like so: </p>
  
  <pre><code>&lt;link href="css/navbar.css" rel="stylesheet"&gt;
  </code></pre>
  
  <p>First I thought to grab it with an ajax request, but since I'm not running a server (just a simple html, css and js website), I get a <code>Origin 'null' is therefore not allowed access.</code> error.</p>
  
  <p>Second I thought maybe there's a way to use jQuery to grab all the css of an element and its children. I had no luck with this idea.</p>
  
  <p>The optimal solution would be to use the file (that's already being included on the page) and grab the contents, but I haven't been able to find out how to interact with a css file that's included already. Any help/ideas would be appreciated!</p>