Функции CSS. Не работает + и -
 

Доброго всем,

Почему не работают + и - для функции CSS?

<style>
p {
font-size: calc(2px + 3 + pow(2,2)); /* должно быть 2+3+4=9px. Но нет...
}
<style>
*/

С умножением работает:

font-size: calc(2px * 3 * pow(2,2)); /* 2*3*4=24px  */

В нете полно несвежих примеров с + и -, типо работает, но оно не работает. Что-то поменялось в CSS?

Так

2px * 3

Понятно что нужно 2px "взять по 3 раза" и потом результат еще "по 4 раза". :)

А как понять?
Что потом делать с этим?
Было бы "должно" - оно бы работало. Если не работает - значит не должно. ;)

multidem, ранее был мультик про "полтора землекопа"...
https://rutube.ru/video/805ce93798ae...b141d7d83dbc4/
Это твой случай. :)

Если землекопа "взять по 3 раза", т.е. умножить на 3 - понятно что это будут 3 землекопа.

А если к землекопу прибавить 3, а потом прибавить 4... :write:
Что будет в итоге?

Если самим числам не можешь добавить единицы измерения, то просто делай так:

font-size: calc(2px + 3 * 1px + pow(2,2) * 1px);

Спасибо, решено!