将less文件转换成css文件

html-css013

将less文件转换成css文件,第1张

两种方式，分别为：1、手动生成；2、使用webstorm自动生成。 1、项目的文件结构 2、在less文件的根目录 Shift + 鼠标右键 + 选择‘在此处打开命令窗口’ 3、输入命令：lessc + 空格 + less文件名 如：lessc main.less 4、继续输入命令：lessc + 空格 + less文件名 + 空格 + 大于号 + 空格 + css文件名 如：lessc main.less >main.css1、File + Settings 2、Tools + File Watchers 3、点击‘确定’即可 4、当你修改less文件时，css文件将自动生成。

楼主说的应该是更换网页皮肤吧。关键代码在这里：

<link

href="style_change/black/sty_black.css"

rel="stylesheet"

type="text/css"

id="ch_css"

/>

点击某个按钮的时候，用JS获取<link>标签的id，即获取这个<link>对象，然后通过JS更换href链接到另一个CSS样式表，达到换肤的目的。

简单的可以用楼上的方法转换，如果一大篇，而且定义了很多Class，如

.cls {

width: 10px

height: 20px

}

这样的样式，全部转换为 HTML，那是很费功夫的，因为所有用到这个类的标签都要写 style="width:10pxheight:20px"。而且一个标签可能不止用到一个类，那就得把所有类的内容都写到 style 里面，还得考虑相同的项。

CSS 样式是绑定到 HTML 标签上的内容，不是互相转换的关系。