less
简介: less是一个css预处理器,可管理和可重用的样式表。是一种脚本语言。
-
less嵌套规则:可以嵌套使用less,父元素的class属性值内部可以嵌套子元素的class属性,定义less的值
-
less操作:less支持一些算数符,【+、-、*、/】
-
less转义:需要引入一个无效的css语法或者Less不能识别的字符,就需要转义字符,可以在字符串前面加一个“~”,将需要转义的字符串放在" "中;
-
less函数:LESS映射具有值操作的JavaScript代码,并使用预定义的函数来操纵样式表中的HTML元素。 它提供了操作颜色的几个功能,如圆函数,floor函数,ceil函数,百分比函数等。
操作结果是 width:100%; -
less命名空间和访问器
命名空间:表示一个标识符的可见范围。 -
less变量范围
变量范围指变量的可使用位置
@var :定义了一个变量;@a:15px ;通过less定义了变量并同时将值赋给这个变量。
@var :@a ;将@a变量的值赋值给@var 变量 -
less注释:
单行注释://
多行注释:/* */ -
less导入
//普通的文件导入
<link rel="stylesheet" type="text/css" href="style.css" />
一个less文件中导入另一个less文件
-
less扩展:在一个class 定义的样式中,引入另一个class定义的less样式;
通过:extend引入 样式名【:extend】是less中的一个伪类。 -
less混合:mixins
将一个类的属性运用在另一个类中,成为另一个类中的属性 -
less混合参数
less传入多个参数时,使用less @argument variable
@argument包括所有传递的参数 -
less Guard比较运算符
less包含5个保护比较运算符:<,>,<=,> =和=
= 可以比较字符串,数字,标识符等,但是其它的只能与数字一起使用。 -
less循环
//循环7次输出width
下一篇: Vue 组件间传值