codecamp

Less 变量

LESS允许使用 @ 符号定义变量。 变量分配使用冒号(:)完成。

LESS中声明变量的格式为“@变量名:变量值”。

下表详细说明了使用LESS 变量。

S.N. 变量用法及描述
1 概述

通常看到多次重复相同的值,并且可以通过使用变量来避免。
2 变量插值

这些变量也可以用于其他位置,例如选择器名称属性名称 URL @import 语句
3 变量名称

我们可以定义变量名称由一个值组成的变量。
4 延迟加载

在延迟加载中,即使它们尚未声明,也可以使用变量。
5 默认变量

默认变量只有在尚未设置时才能设置变量。此功能不是必需的,因为变量可以很容易地通过定义它们后覆盖。
Less 导入
Less 扩展
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Less 基本教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }