Можно ли прибавлять значения в css?

Question

[DaniilPo]

вот у меня есть стиль например к какой-то картинке и этот же стиль подходит и другой картинке но нужно например что бы он был на пару пикселей левее.
Просто с style прописать условно говоря left: 200px; мне не особо подходит , можно ли сделать что-то подобное: left: + 100px; ?

Comments

[Алексей Абрамов]

https://codepen.io/alexeyabramov/pen/eYGWeXm это имели ввиду?

[imko]

https://developer.mozilla.org/ru/docs/Web/CSS/Usin... работает везде

[DaniilPo]

Алексей Абрамов, в принципе да это то что мне нужно спасибо вам!

[DaniilPo]

Алексей Абрамов, слушай а можно сделать так что бы прибавляло уже к самому значению?
то есть что бы было не

.box2{
  margin-left:calc(var(--margin-left)+110px); //// = 110px
}

а так?

.box2{
  margin-left:calc(var(--margin-left)+110px); //// = 120px
}

[Алексей Абрамов]

DaniilPo, а так и происходит, у тебя в переменной 10px + 110px, будет 120 или я не совсем понял? У тебя все равно должна быть какая то переменная общая, от которой плясать.

[DaniilPo]

ну или я чего-то не понимаю
по идее у второго должно быть 220 но у него всё равно 110

[Ankhena]

DaniilPo, скрин codepen вместо ссылки на рабочую песочницу - такого я ещё не встречала..

[DaniilPo]

Ankhena, это его codepen

[Ankhena]

DaniilPo, ну сохраните как свой.
Или используйте jsfiddle.net, там не нужна регистрация, чтобы поделиться кодом.

Тут, кстати, правилами запрещено код скринами выкладывать.

[DaniilPo]

Ankhena, ну лично я не вижу проблем в том что я скинул скрин с его же кодом добавив по сути одну строку для пояснения его вопроса
Могли бы лучше ответить на вопрос, вам + в карму, мне приятно)

[Ankhena]

DaniilPo, ну давайте развлечемся со скринами


Потом можете заглянуть в справочник, посмотреть как с calc работать