livereload not compiling less file

Question

Im using livereload and using Espresso as my editor, ive linked livereload to my html file, however when i edit my less file it wont load of the functions or styles, but the livereload itself works. When i also try to edit anything on a less file it wont be editable like a css file. everything is in plain text, so i know something is not right in that end.

<link rel="stylesheet/less" href="styles.less">
<script src="http://lesscss.googlecode.com/files/less-1.1.3.min.js"></script>

Everytime i put stylesheet/less the file just works with html, so its with no style.

Answer 1

You are linking to http://lesscss.googlecode.com/files/less-1.1.3.min.js

But perhaps you should check to which recourses you are linking before doing so ;)

It's a page that doesn't exist (and if it would exist, it would be very outdated.)

Instead; link to http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js and get more info here http://lesscss.org

Answer 2

Have you tried changing stylesheet/less to stylesheet/css?

 <link rel="stylesheet/css" href="styles.less">
 <script src="http://lesscss.googlecode.com/files/less-1.1.3.min.js"></script>