title: How to fix random string starting with 'm_-' appended to classes after rendering the template in mustache
body: <p>When adding styles classes to a template, after rendering the template in html the class name of each class get appended by a random string starting with 'm_-' which will not render the css</p>
  
  <p><a href="https://i.stack.imgur.com/9aLq5.png" rel="nofollow noreferrer">screenshot of dev tool element section</a></p>
  
  <p>i have tried to place the style in different parts in the html like in the body and and in the head, nothing works</p>
  
  <p><b>class in div before rendering</b></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;head&gt;
     &lt;style type="text/css"&gt;
        .some-style{
           border : 1px solid black;
        }
     &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div class="some-style"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><b>class in div after rendering</b> </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;body&gt;
   &lt;div class="m_-818537353464745some-style"&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>