<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><styletype="text/less">/*结构嵌套和变量作用域样式的结构可以像html结构来一样嵌套，并对应其样式。对于变量，可以通过样式的结构来设定作用域。*/@color:red;div{background-color:@color;div{@color:blue;background-color:@color;}}</style></head><body><div>helloworld1<div>helloworld2</div>helloworld3</div><scripttype="text/javascript"src="js/es5-shim.js"></script><scripttype="text/javascript"src="js/less.min.js"></script><scripttype="text/javascript">less.watch();</script></body></html>