小米官网css转成less

html-css013

小米官网css转成less,第1张

应用程序中转换。LESS是一种动态样式表语言，扩展了CSS的功能，Less是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性。在小米官网中，在应用程序中完成css转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样式表，达到换肤的目的。

postcss 是一个通过 js 插件来转换 css 的工具，通过这些插件可以支持变量和混合，可以通过追加浏览器前缀生成兼容性的样式，也可以通过 polyfill 把新的样式特性处理成通用的样式，可以使用 css 模块以及样式的规则校验。

autoprefixer 就是 postcss 一个常用的插件

PostCSS 将 CSS 转换为 JavaScript 可以操作的数据结构。这些数据可以由插件理解和转换，然后处理成各种需要的格式。

PostCSS 扮演一个框架的角色，是一个转换 CSS 的工具。