📌  相关文章
📜  LESS-运算符操作

📅  最后修改于: 2020-10-22 07:04:32             🧑  作者: Mango

 

描述

LESS支持某些算术运算，例如加号(+)，减号(-)，乘法(*)和除法(/)，它们可以对任何数字，颜色或变量进行运算。使用变量时，操作可以节省大量时间，并且您感觉像在从事简单的数学工作。

例

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

Less Operations
      
   
   
   
      
Example using Operations

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

接下来，创建文件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文件，将显示以下输出。

减少操作