less学习——运算

简介: 任何数字、颜色或者变量都可以参与运算. 来看一组例子:@base: 5%;@filler: @base * 2;@other: @base + @filler;color: #888 / 4;background-color: @base-color + #111;height: 100% / 2 + @filler;LESS 的运算已经超出了我们的期望,它能够分辨出颜色和单位。

任何数字、颜色或者变量都可以参与运算. 来看一组例子:

@base: 5%;
@filler: @base * 2;
@other: @base + @filler;

color: #888 / 4;
background-color: @base-color + #111;
height: 100% / 2 + @filler;

LESS 的运算已经超出了我们的期望,它能够分辨出颜色和单位。如果像下面这样单位运算的话:

@var: 1px + 5;

LESS 会输出 6px.

括号也同样允许使用:

width: (@var + 5) * 2;

并且可以在复合属性中进行运算:

border: (@width * 2) solid black;

个人博客: 付博瀚个人博客1 付博瀚个人博客2

目录
相关文章
|
4天前
|
存储 Shell Python
零基础学会Python编程——不同的运算:算术、关系与逻辑(1)
零基础学会Python编程——不同的运算:算术、关系与逻辑(1)
59 0
|
7月前
|
存储 数据处理
计算机数据的表示及运算
计算机数据的表示和运算是计算机系统中非常重要的概念。计算机使用二进制来表示和处理数据,其中包括整数、浮点数和字符等不同类型的数据。下面将详细介绍计算机数据的表示和运算。 1. 二进制表示:计算机使用二进制系统来表示数据。二进制系统由0和1两个数字组成,每一位称为一个比特(bit)。比特是计算机中最小的存储单位,可以表示一个二进制数值(0或1)。 2. 整数表示:计算机使用补码表示整数。补码是一种用于表示负数的方法,它将负数的最高位设为1,正数的最高位设为0。补码表示可以保证负数的运算结果仍然是有效的。 3. 浮点数表示:计算机使用浮点数表示实数。浮点数由两个部分组成:尾数和指数。尾数表示
114 0
|
4天前
|
C语言
【汇编语言实战】两个32位数的相加运算
【汇编语言实战】两个32位数的相加运算
14 2
|
4天前
|
机器学习/深度学习 存储 算法
位运算是一种什么运算方式
位运算是一种什么运算方式
18 1
|
9月前
|
人工智能 测试技术
MoonLight的运算问题
MoonLight的运算问题
61 0
|
11月前
|
Shell
数学运算
数学运算
36 0
不用加减乘除做加法(简单难度)
不用加减乘除做加法(简单难度)
66 0
不用加减乘除做加法(简单难度)
|
PHP 开发者
比较运算| 学习笔记
快速学习比较运算。
126 0
比较运算| 学习笔记
|
开发者
自操作运算| 学习笔记
快速学习自操作运算。
59 0
|
NoSQL MongoDB 数据库
范围运算|学习笔记
快速学习范围运算
47 0