title: I am using jquery load a new html file, but css doesn't work
body: <pre><code>&lt;html&gt;
    &lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="./css/public.css"&gt;
    &lt;/head&gt;
    &lt;body&gt;
       &lt;div id="ajaxcont"&gt;
          &lt;!-- i will load some.html here by ajax --&gt;
       &lt;/div&gt;
       &lt;script&gt;
          $("#ajaxcont").load("some.html");
       &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>some.html</code> looks like this:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="./css/another.css"&gt;
  &lt;div&gt;some contents here&lt;/div&gt;
  </code></pre>
  
  <p>But I found that <code>another.css</code> sometimes doesn't work, and the console told me that:</p>
  
  <p>"<em>Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check <a href="http://xhr.spec.whatwg.org/" rel="nofollow">http://xhr.spec.whatwg.org/</a>.</em>"</p>
  
  <p>And I want to load different css file for different html page, So I don't want to put those css files into the <code>&lt;head&gt;&lt;head&gt;</code> in advance;</p>