Question

是否可以在不丢失其继承填充的情况下向项目填充添加5个像素。

li{padding: 10px;}

理想情况下这样的话会给我带来15px的填充：

<li style="padding: +5px;">

Answer 1

如果您可以使用jQuery，例如，将5px添加到li：

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

从jQuery 1.6开始，.css（）接受类似于的相对值 .animate（）。相对值是以+ =或 - = to开头的字符串递增或递减当前值。例如，如果是元素 padding-left是10px，.css（“padding-left”，“+ = 15”）会导致总填充量 - 左侧25px。

Answer 2

实际上，您只需更改该填充的整体值，例如：

<li style="padding: 15px">

注意：这只会改变这个

的风格

如果你打算使用这个li，而不是每次都输入那行，你可以做一个课程（如果你使用的是CSS），例如

 .xtrapad { padding: 15px; }

然后在你要做的每个li上，在html文件中，你会把：

<li class="xtrapad">

在这种特定情况下，相比之下，它不会节省大量时间，但是，您可以使用xtrapad类而不仅仅是li，例如<p class="xtrapad">

此外，可以创建多个类，因此如果您有其他类，即nomargins，strong等，您可以执行：<li class="xtrapad marginless strong">并且它将使用这些类中的所有内容。

Answer 3

您可以使用:before和:after执行此操作，但这只能来自双方＆＃34;顶部和底部＆＃34;或者＆＃34;左右'＆＃34;。

我建议您在div内添加li并为其填充额外的填充。