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:
Ver original- 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?