title: External CSS file load order
body: <p>Is there any way to ensure a specific load order for external CSS files? Normally, multiple external stylesheets can be loaded asynchronously for performance, but I want to allow individual users to override the default stylesheet for a project's documentation (a colleague is color-blind, but it seems like it would be handy for other users of the library) with personal preferences.</p>
  
  <p>For example, let's say I've got this in the docs:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="https://foo.bar/project_stylesheet.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href=".localprefs.css"&gt;
  </code></pre>
  
  <p>The desired outcome is that <code>.localprefs.css</code> (if it exists) should <i>always</i> override the global project stylesheet.</p>
  
  <p>Is there a <i>guarantee</i> for evaluation order independent of load order? If not, is there a simple way to force the issue?</p>
  
  <p><b>On edit:</b> The assumption is that <code>.localprefs.css</code> only overrides selected styles from the global stylesheet.</p>