欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

less

程序员文章站 2022-07-03 16:33:40
...

简介: less是一个css预处理器,可管理和可重用的样式表。是一种脚本语言。

  1. less嵌套规则:可以嵌套使用less,父元素的class属性值内部可以嵌套子元素的class属性,定义less的值

  2. less操作:less支持一些算数符,【+、-、*、/】
    less

  3. less转义:需要引入一个无效的css语法或者Less不能识别的字符,就需要转义字符,可以在字符串前面加一个“~”,将需要转义的字符串放在" "中;

  4. less函数:LESS映射具有值操作的JavaScript代码,并使用预定义的函数来操纵样式表中的HTML元素。 它提供了操作颜色的几个功能,如圆函数,floor函数,ceil函数,百分比函数等。
    操作结果是 width:100%;
    less

  5. less命名空间和访问器
    命名空间:表示一个标识符的可见范围。
    less

  6. less变量范围
    变量范围指变量的可使用位置
    @var :定义了一个变量;@a:15px ;通过less定义了变量并同时将值赋给这个变量。
    @var :@a ;将@a变量的值赋值给@var 变量
    less

  7. less注释:
    单行注释://
    多行注释:/* */

  8. less导入

//普通的文件导入
<link rel="stylesheet" type="text/css" href="style.css" />

一个less文件中导入另一个less文件
less

  1. less扩展:在一个class 定义的样式中,引入另一个class定义的less样式;
    通过:extend引入 样式名【:extend】是less中的一个伪类。
    less

  2. less混合:mixins
    将一个类的属性运用在另一个类中,成为另一个类中的属性
    less

  3. less混合参数
    less
    less传入多个参数时,使用less @argument variable
    @argument包括所有传递的参数
    less

  4. less Guard比较运算符
    less包含5个保护比较运算符:<,>,<=,> =和=
    = 可以比较字符串,数字,标识符等,但是其它的只能与数字一起使用。
    less

  5. less循环
    less
    //循环7次输出width
    less