7、Less 入门：变量、混合和函数的使用

Less 入门：变量、混合和函数的使用

1. Less 基础与编译

在使用 Less 时，编译后的样式会存储在浏览器的 localStorage 区域，直到该区域被清除。若想查看这些存储的样式，可按以下步骤操作：
1. 按下 F12 打开开发者工具（需安装 Firebug）。
2. 点击 DOM。
3. 向下滚动找到 localStorage 条目。

若要查看样式的任何更改，需强制从服务器刷新页面。使用 watch 功能可使浏览器进入开发模式，防止其缓存生成的 CSS 文件。此外，还有其他方法可用于监视更改，例如使用 Grunt 或 Gulp，像 observr（https://github.com/kevinburke/observr）和 lessc - bash（https://github.com/pixelass/lessc - bash）就是不错的工具。

Less 的安装方式有多种，既可以将其作为独立库下载并集成到页面中，也可使用 CDN 链接。不过，CDN 链接不适合开发环境，但对于生产站点而言，若访客之前已访问过该库，浏览器可以对其进行缓存。另外，还能在服务器端使用 Node 平台安装 Less，使用单个命令就能轻松编译 Less 文件，且可按需多次运行该命令。

在使用 Less 时，客户端使用存在一定风险，因此建议仅在开发环境中使用。同时，我们还可以对 Less 的一些关键语法进行初步了解，如变量、混合、嵌套、操作和扩展等。编译基本代码时，可使用独立编译器或命令行。最后，Less 中的 watch()