title: Exclude stylesheet
body: <p>For an application I'm developping, I want to build in the functionality to generate an invoice. This invoice is configurable, and I want to show a preview in my page. Based on the data I send back to my C# back-end, I will generate a .PDF file which will be made available for downloading.</p>
  
  <p>In the back-end generation process, I will have no access to my stylesheet and will have to define all my classes completely inline. Because I want my preview to truly match what the invoice will end up looking like, I need to be able to exclude all other styling from the preview element.</p>
  
  <p>Is there a way to do this?</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;link href="Content/style.css" rel="stylesheet" /&gt;
  &lt;div&gt;
      &lt;p&gt;Use classes defined in style.css&lt;/p&gt;
  
      &lt;div EXCLUDE CSS OUTSIDE THIS SCOPE&gt;
          &lt;p&gt;No access to style.css&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I understand that I could achieve the desired effect by simply making sure the previewer is placed outside of the scope where I inject my CSS, but due to the structure of my project, this is not an option.</p>
  
  <p>Extra info:</p>
  
  <p>I'm using a stylesheet purchased by the company I'm doing this project for. The stylesheet is very poorly set-up, however, and includes all sorts of default styling like:</p>
  
  <pre><code>table {
      color: black !important;
  }
  </code></pre>
  
  <p>I'm looking for a way to exclude all that styling without having to individually overwrite every property set in that stylesheet.</p>