• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

Yancy00

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

less-其他内容

导入

在一个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);

posted on 2023-09-15 14:25  Yancy00  阅读(19)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3