title: HTML/CSS Obfuscation Compiling
body: <p>I have a question about obfuscate the final output of an HTML and CSS file.
  Lets stay I have this HTML code below with the corresponding class names declared in a separate CSSfile:</p>
  
  <pre><code>&lt;div class="header"&gt;
    &lt;div class="logo"&gt;&lt;/div&gt;
    &lt;div class="session-info"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;div class="bank-account-content"&gt;
    &lt;div class="account-info"&gt;&lt;/div&gt;
    &lt;div class="account-info"&gt;&lt;/div&gt;
    &lt;div class="here-is-my-ss-number"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Is there a way to take my HTML/CSS file and process it in a way that it will take original class names/ids in a HTML/CSS file and randomly generate new files to replace the existing class names/ids with meaningless class names/ids to obscure the final output? For example, The above output would be processed and result in the html shown below with a corresponding style sheet that has the abstracted class/id names defined.</p>
  
  <pre><code>&lt;div class="1dcx4y"&gt;
    &lt;div class="1354fs"&gt;&lt;/div&gt;
    &lt;div class="f3wecd"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  
  &lt;div class="retv5"&gt;
    &lt;div class="dgee2f&gt;&lt;/div&gt;
    &lt;div class="fhg54h"&gt;&lt;/div&gt;
    &lt;div class="dgd426"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>