Less 算術運算子用法

2022-08-12 06:15:19 字數 987 閱讀 9550

算術運算子 +、-、*、/ 可以對任何數字、顏色或變數進行運算。如果可能的話,算術運算子在加、減或比較之前會進行單位換算。計算的結果以最左側運算元的單位型別為準。如果單位換算無效或失去意義,則忽略單位。無效的單位換算例如:px 到 cm 或 rad 到 % 的轉換。www.dgtais.cn

// 所有運算元被轉換成相同的單位

@conversion-1: 5cm + 10mm; // 結果是 6cm

@conversion-2: 2 - 3cm - 5mm; // 結果是 -1.5cm

// conversion is impossible

@incompatible-units: 2 + 5px - 3cm; // 結果是 4px

// example with variables

@base: 5%;

@filler: @base * 2; // 結果是 10%

@other: @base + @filler; // 結果是 15%

乘法和除法不作轉換。因為這兩種運算在大多數情況下都沒有意義,乙個長度乘以乙個長度就得到乙個區域,而 css 是不支援指定區域的。less 將按數字的原樣進行操作,並將為計算結果指定明確的單位型別。

@base: 2cm * 3mm; // 結果是 6cm

你還可以對顏色進行算術運算:

@color: #224488 / 2; //結果是 #112244

background-color: #112244 + #111; // 結果是 #223355

不過,less 提供的 色彩函式 更有使用價值。

calc() 特例

released v3.0.0

為了與 css 保持相容,calc() 並不對數學表示式進行計算,但是在巢狀函式中會計算變數和數學公式的值。

@var: 50vh/2;

width: calc(50% + (@var - 20px)); // 結果是 calc(50% + (25vh - 20px))

算術運算子

核心 運算子 就是對常量和變數進行操作的符號。分類 算術運算子,賦值運算子,比較運算子,邏輯運算子,位運算子,三目運算子 算術運算子 注意事項 a 整數相除只能得到整數。如果想得到小數,必須把資料變化為浮點數型別 b 獲取的是除法操作的商,獲取的是除法操作的餘數 class operatordemo...

算術運算子

算術運算子 加 減 乘 除 或 div div只保留整數部分 模 或 mod 查詢員工的姓名和薪資 select ename,salary from t employee 查詢員工的姓名和原來的薪資和漲薪1000元後的薪資 select ename,salary,salary 1000 from t...

算術運算子

算術運算子 和 和 與我們學的數學的理論沒有差別就只舉乙個列子別的以此類推 輸出 13 除法 相對而言就特殊了一點分為兩種情況 1.兩個整數相除,除數不能為零,會報異常,這個符合我們學數學的理論,就不舉列子了 2.有浮點數除數或者被除數中存在浮點數,有三種情況 1 正整數除以0 0.0 2 負整數除...