# Математические операции в LESS

В языке LESS можно проводить математические операции над переменными и различными значениями. Давайте посмотрим на примерах.

## Пример

Сложим два значения:

`p { font-size: 5px + 10px; }`

Результат компиляции:

`p { font-size: 15px; }`

## Пример

Отнимем от одного значения другое:

`p { font-size: 25px - 10px; }`

Результат компиляции:

`p { font-size: 15px; }`

## Пример

Умножим значение на число:

`p { font-size: 5px * 5; }`

Результат компиляции:

`p { font-size: 25px; }`

## Пример

Разделим значение на число:

`div { width: 100% / 3; }`

Результат компиляции:

`div { width: 33.33333333%; }`

## Пример

Прибавим значение к содержимому переменной:

`@var: 100px; div { width: @var + 100px; }`

Результат компиляции:

`div { width: 200px; }`

## Пример

Сложим две переменные:

`@var1: 100px; @var2: 200px; div { width: @var1 + @var2; }`

Результат компиляции:

`div { width: 300px; }`

## Пример

При попытке операции с разными единицами LESS преобразует все единицы к одной - первой. Пример:

`div { width: 100% - 10px; }`

Результат компиляции:

`div { width: 90%; }`

## Практические задачи

Расскажите, каким будет результат компиляции следующего кода:

`#block { width: 100px * 2; }`

Расскажите, каким будет результат компиляции следующего кода:

`#block { width: 200px / 3; }`

Расскажите, каким будет результат компиляции следующего кода:

`@var1: 500px; @var2: 5; #block { width: @var1 / @var2; }`
←→
↑