less + js 如何做到，如定义一个变量 a，a=NUM，如 .padding-left-a{padding-left：a px;}

JavaScript025

less + js 如何做到，如定义一个变量 a，a=NUM，如 .padding-left-a{padding-left：a px;},第1张

function multiplication() { var result=""for(var i = 1i <10i ++) { for(var j=1j<=ij++) { result += j + "*" + i + "=" + (i*j) + " "} result += "

"} document.write(result)}

//创建一个文件流对象

var fso = new ActiveXObject("Scripting.FileSystemObject")

//文件绝对路径

var url="D:\\test.less"

//读取文件,第二个参数值表示只读,第三个参数值表示,如果不存在则不创建文件

var file = fso.OpenTextFile(url,1,false)

if(!file.atendofstream){//一次性全部读完所有的内容

var content =file.ReadAll()}//关闭文件流

不建议用js读取，会有权限提示

less中目前无法访问javascript，因为less只是对css进行了扩展封装。

less的优点：

1.清晰的css逻辑结构，使处于#header选择器的css样式全部写在#header样式块中。

2.样式变量，less官网称为混合模式

其中.red (){ color: red.co{ border: 1px solid red} }与.red { color: red.co{ border: 1px solid red} }的写法，与效果是有本质区别的。

.red (){ color: red.co{ border: 1px solid red} } 相当建立了个样式变量，不会再css中显示，不会直接起作用，类似于未实例化。 只有在.class{}中调用才会起作用。调用的效果为.class{color: red.co{ border: 1px solid red}}这就防止了废弃不被使用css样式

.red {color: red.co{ border: 1px solid red}}是一个已经起作用的类，在.class{}中调用效果为 .class{color: red.red{.co{ border: 1px solid red}}}。

less官网自带winless一个将less自动生成css的工具，会自动监控指定的less文件，只要文件被更改就会自动更新生成新的被压缩的css文件。