首页 > 开发 > CSS > 正文

动态的样式语言less语法详解之变量与extend

2024-07-11 09:06:14
字体:
来源:转载
供稿:网友
本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性,更不是用来取代 CSS 的,而是在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。
 
 

作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松,而且你可以在任何时候回退到 CSS。less文件是以less作为文件后缀名,HTML引用时可以像css那样引用,如下:

<link rel="stylesheet/less" type="text/css" href="styles.less">

注意:本文描述的一切都是基于1.4.0版本,除非有特殊标明。

变量:
   变量的作用就是把值定义在一个地方,然后在各处使用,这样能让代码更易维护,如下:

 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表