less语法

Less中的注释

以//开头的注释,不会被编译到css文件中
以/**/包裹的注释会被编译到css文件中

Less中的变量

用@来申明一个变量:@pink:pink

1.做为普通属性值来使用:直接使用@pink
2.做为选择器和属性名:#@{selector}的形式
3.做为url:@{url}
4.变量的延迟加载(等{ 作用域 }内容解析完成再看内部的值给哪个)

Less中的嵌套规则

1. 基本嵌套规则
2.&的使用

Less中的混合

1. 普通混合

2. 不带输出的混合
3.带参数的混合
4. 带参数并且有默认值的混合
5. 带多个参数的混合
6.匹配模式

8.Arguments

Less运算

Less避免编译

交给浏览器计算(下面图)

Less继承

总结

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.less简介及less环境搭建,首先写less语法前不得不提下sass,之前不了解less和sass之前,这两...
    倘浩洋阅读 11,377评论 0 19
  • less是一种动态样式语言。作为CSS的一种扩展,Less不仅完全兼容CSS语法,而且less将CSS赋予了动态语...
    穆瑟muse阅读 5,701评论 0 2
  • 浅析less语法 less是一种动态样式语言。作为CSS的一种扩展,Less不仅完全兼容CSS语法,而且less将...
    单线程的Cuke阅读 4,028评论 0 0
  • 变量 (1)可以将属性的值赋值给一个变量,变量为完全的常量,所以只能定义一次 编译过的结果就是: (2)也可以通过...
    kim_jin阅读 23,849评论 0 9
  • 常见CSS预处理器:Less / SASS / Stylus等。 Less预处理器:使用CSS语法,可以做一些逻辑...
    CNLISIYIII阅读 11,394评论 0 0

友情链接更多精彩内容