Добавить пиксели к существующему значению

Если вы можете использовать jQuery, то, например, добавить 5px в li:

$('li').css("padding", "+=5")

http://api.jquery.com/css/#css-properties

Начиная с jQuery 1.6,.css() принимает относительные значения, похожие на.animate(). Относительные значения - это строка, начинающаяся с + = или - = для увеличения или уменьшения текущего значения. Например, если padding-left элемента был 10px,.css("padding-left", "+ = 15") приведет к полному остатку слева от 25px.

Фактически вы просто измените общее значение для этого дополнения, например:

<li style="padding: 15px">

Примечание. Это изменило бы стиль для этого

Если вы собираетесь использовать этот ли много, вместо того, чтобы вводить эту строку каждый раз, вы можете сделать класс (если вы используете css), например

 .xtrapad { padding: 15px; }

Затем на каждом ли вы хотите сделать, в html файле, вы должны поставить:

<li class="xtrapad">

В этой конкретной ситуации это не сэкономит много времени в сравнении, однако вы можете использовать класс xtrapad больше, чем просто li, например <p class="xtrapad">

Кроме того, могут быть созданы несколько классов, поэтому, если у вас были другие классы, то есть nomargins, strong и т.д., Вы могли бы сделать: <li class="xtrapad marginless strong"> и он будет использовать все в этих классах.

Вы можете сделать это, используя :before и :after, однако это будет только с двух сторон "сверху и снизу" или "влево и вправо".

Я предлагаю вам добавить div внутри li и дать дополнительные дополнения к нему.