less-其他内容

发布时间 2023-09-15 14:34:12作者: Yancy00

导入

在一个less文件中可以 import另一个.less文件.此文件中的所有内容就可以使用了
如果导入的文件是 .less 扩展名,则可以将扩展名省略

@import "library"; // 等价于library.less
@import "type.css";

转义

~"anything" 或 ~'anything' 形式的内容都将按原样输出.不会计算.

@min768: ~"(min-width: 768px)";

calc函数

calc() 计算变量和数学公式的值

@var: (50vh/2);
width: calc(50% + (@var - 20px));  // 结果是 calc(50% + (25vh - 20px))

内置函数

less官网函数手册: https://less.nodejs.cn/functions/

//列表函数,输出列表的长度 4
@list: "banana", "tomato", "potato", "peach";
n: length(@list);