Convert LESS nested CSS to standard CSS

Question

I need help trying to convert this LESS nested CSS to standard CSS. Can anybody help?

.leftNav {
    a.TopLevel {
        float:none;
    }

    ul#topnav {
             


        

Answer 1

This is the easiest way to use Less:

1. Create style.css file
2. Create style.less file

3. In index.php link to those file:

   Notice that to link to less you should end the rel="" with /less:

   rel="stylesheet/less".
   

4. download http://winless.org/

5. Drag your project folder to this program and it'll convert your less file to css.