no puedo compilar con less

[juan00xt]

hola

resulta que quiero trabajar col less pero parece que no me funciona
voy a hacer el proceso de poner less, corriganme si me falta algo

lo primero es descargar less y colocarlo en la carpeta donde van
todos mis archivos JS

en el index coloco

<script src="js/jquery.js"></script>
<script src="js/less.js"></script>

en el head coloco la direecion donde hare el codigo css el se llama styles.less
<link href="css/styles.less" rel="stylesheet">

segun varios tutoriales con esto debe bastar


asi coloco una lista por ejemplo

Código HTML:

<nav>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</nav> 

en el archivo style.less escribo el codigo

Código CSS:

nav{
    width: 500px;
    height: 100px;
    background-color: yellow;
       ul{
        padding: 5px;
        background-color: green;
           li{
              padding: 2px;
              background-color: grey;
           }
       }
}
 

cuando refresco la pagina
solo me reconoce los estilos que se le aplicaron al nav pero no al ul li
es como si el archivo js de less no compilara lo que hago

o lo he instalado mal?

[pzin]

Antes que Less, yo usaría Sass o Stylus, a mis ojos son un poquito mejores.

De todas formas, la compilación en vivo de preprocesadores no creo que sea una muy buena idea. No obstante, ¿seguro que no tienes que instalar Node.js o alguna otra cosa para usar Less?

Leyendo por ahí, vi que dicen algo de dejar el atributo rel así:

Código CSS:

<link rel="stylesheet/less" href="archivo.less" type="text/css">
 

Pero insisto en que compilar en vivo no es buena opción para volcarlo en producción.