LESS 的语法
博客专区 > 沙枣 的博客 > 博客详情
LESS 的语法
沙枣 发表于3年前
LESS 的语法
  • 发表于 3年前
  • 阅读 25
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

摘要: LESS 作为一种语言,有着基本的语言特征
  1. 变量
@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;

#header {
   color: @light-blue;
}

  1. 嵌套规则

CSS 的规则是一个一个的,但 LESS 可以针对多个:

#header {
  color: black;
  .navigation {
    font-size: 12px;
  }
  .logo {
    width: 300px;
  }
}
  1. 导入

    @import "library"; // library.less @import "typo.css";

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 21
博文 104
码字总数 195475
×
沙枣
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: