开发手册 欢迎您!
软件开发者资料库

LESS - 操作

LESS的操作 - 从简单和简单的步骤开始,从简单和简单的步骤学习,包括概述,安装,嵌套规则,嵌套指令和冒泡,操作,转义,函数,命名空间和访问器,范围,注释,导入,变量,扩展,Mixins,Parametric Mixins,Mixins作为函数,将规则集传递给Mixins,导入指令,导入选项,Mixin Guards,CSS Guards,循环,合并,父选择器,其他函数,字符串函数,列表函数,数学函数,类型函数,颜色定义函数,颜色通道函数,颜色操作,颜色混合函数,命令行用法,在浏览器中使用较少,浏览器支持,插件,编程用法,在线编译器,GUI,编辑器和插件,第三方编译器,框架。

描述

LESS为某些算术运算提供支持,例如加号(+),减号( - ),乘法(*)和除法(/),它们可以对任何数字运算,颜色或变量.当您使用变量时,操作会节省大量时间,并且您想要处理简单的数学.

示例

以下示例演示了操作的使用在LESS文件中 :

         Less Operations                     

Example using Operations

      LESS enables customizable,       manageable and reusable style sheet for web site.

   


接下来,创建文件 style.less .

style.less

@fontSize: 10px;.myclass {   font-size: @fontSize * 2;   color:green;}


您可以将 style.less 文件编译为 style.css 使用以下命令 :

lessc style.less style.css


执行上面的命令;它将使用以下代码自动创建 style.css 文件;

style.css

.myclass {   font-size: 20px;   color: green;}


输出

按照以下步骤查看上述代码的工作原理;

  • 将上述html代码保存在 operations.html 文件中.

  • 在浏览器中打开此HTML文件,将显示以下输出.

Less operations