Less学习--注释、变量、转义、可变插值

注释

可以使用单行注释和多行注释

但只有多行注释能被解析

变量variable

在样式表中多次被引用的值可以将其定义为变量这样就易于维护

@nice-color: #5B83AD; /*用@定义一个变量*/
@light-color: @nice-color + #111111; /*颜色可以进行加减*/#header_group{color: @light-color;
}

也可以用变量名定义变量

@pig:"today you are a pig";
@message:"pig";   //这里写的必须是变量名 类似于二级指针
p{content: @@message;
}
@car:"I hac a car today";
@messages:"car"; //这里写的必须是变量名 类似于二级指针
div{content: @@messages;
}

定义一个URL

@imgURL:'../img';
body{background: url(@imgURL);//background: url("@imgURL");//加不加引号不影响最终结果
}

定义引入声明标准写法

@themes:"./../selfStudyLanguageOfLess";
//定义一个根路径变量
@import "@themes/demo08.css";

可变插值

@{}可以引用一个变量使其插入到样式

@my-selector:banner;
@widthPro:width;
.@{my-selector}{@{widthPro}:10px;
}

转义~

转义允许将任何字符串作为属性值或变量值
注意：除了插值外，里面的任何字符将原样输出

.werid-element{content: ~"/*something just like this*/";width:~"10px";height: ~"20px";
}

Less学习--注释、变量、转义、可变插值相关推荐

php如何拼接变量名,php动态拼接变量名,可变变量,动态变量,使用花括号,使用两个$符...
php动态拼接变量名,可变变量,动态变量,使用花括号,使用两个$符方式一:使用花括号,前缀部分不需要用单引号 $nums10 = 100; $xxx*${bcount.$nums10}['m54'] ...
python学习(2)--变量与表达式
python学习(2)--变量与表达式 1.与java和c语言相通,python中也分为四种运算符: (1)算数运算符(如:+.-.*./); 学过java或者C的朋友,对加减乘除这种普通的算数运算符 ...
Python学习之变量、对象和引用
Python学习之变量.对象和引用文章目录 Python学习之变量.对象和引用问题的引出变量创建变量类型变量使用动态类型类型属于对象,而不是变量对象的垃圾收集参考资料问题的引出当 ...
基于主动学习和克里金插值的空气质量推测
基于主动学习和克里金插值的空气质量推测常慧娟, 於志文, 於志勇, 安琦, 郭斌西北工业大学计算机学院,陕西西安 710072 福州大学数学与计算机科学学院,福建福州 350108 摘要 ...
蜘蛛纸牌java注释_GitHub - tangguangyao/SpiderSolitaire: 蜘蛛纸牌源码学习+注释
SpiderSolitaire 蜘蛛纸牌源码学习+注释源码分析思路: 首先,用了2个构造函数Spider和Poker Spider构造函数拥有以下方法: init:函数初始化 start:游戏开始 ...
php 自定义 url,自定义url变量转义方法
自定义url变量转义方法 thinkphp等系统专用,url传递的参数不能带有/等特殊字符function base_encode($str) { $src = array("/" ...
python学习1：注释\变量类型\转换函数\转义字符\运算符
python基础学习与大多数语言不同,python最具特色的就是使用缩进来表示代码块,不需要使用大括号 {} .缩进的空格数是可变的,但是同一个代码块的语句必须包含相同的缩进空格数. (一个tab= ...
Lua学习笔记3. 函数可变参数和运算符、转义字符串、数组
1. Lua函数可以接受变长数目的参数,和C语言类似,在函数的参数列表中使用(...)表示函数可以接受变长参数 lua函数将参数存放在一个table中,例如arg,那么#arg可以获得参数的个数 fu ...
linux下Makefile学习--注释很好
什么是makefile?或许很多Winodws的程序员都不知道这个东西,因为那些Windows的IDE都为你做了这个工作,但我觉得要作一个好的和 professional的程序员,makefile还 ...

Less学习--注释、变量、转义、可变插值

注释

但只有多行注释能被解析

变量variable

也可以用变量名定义变量

定义一个URL

定义引入声明标准写法

可变插值

@{}可以引用一个变量使其插入到样式

转义~

Less学习--注释、变量、转义、可变插值相关推荐

最新文章

热门文章