title: LESS CSS not working locally
body: <p>I really want to learn LESS but have had NO luck getting it to work at all. I would like to get it to work locally. Please help.</p>
  
  <p>I just want to do a simple test. 
  Here is my LESS code:</p>
  
  <pre><code>@color: red;
  
  .header {
      color: @color;
  }
  
  h2 {
      color: @color;
  }
  </code></pre>
  
  <p>And here is my HTML code:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;title&gt;LESS TEST&lt;/title&gt;
      &lt;link rel="stylesheet/less" type="text/css" href="style.less"&gt;
      &lt;script src="less.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="header"&gt; &lt;h2&gt;This is a test&lt;/h2&gt; &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>So the header class should be red and also the H2 should be red. But they do not display with any styling on any browser. 
  Please help!</p>