如何使用内联样式删除UL标记的CSS属性值

Question

我有一个场景，我想使用内联样式表删除UL标记的CSS属性。

ul, ol {
 margin: 0;
 padding: 0;
}

我想使用内联样式删除padding属性。我试图给padding:-1，但它不起作用。目前padding: 0是从外部CSS文件收到的，我无法修改。

在我的情况下不能使用JQuery。

请帮忙。

谢谢， 的Manoj

Answer 1

使用!important属性。 例如

padding: 2px !important;

Answer 2

不允许使用负值。你不能给-1填充。

检查以下示例。您可以在开发人员工具中看到它将删除负填充。因为不允许。

ul, ol {
 margin: 0;
 padding: 0;
}

<ul style="padding:-1 !important; list-style-type:disc;">
<ol>
test
</ol>
</ul>

但如果你给出正面的价值。它将使用内联css覆盖前一个。

ul, ol {
 margin: 0;
 padding: 0;
}

<ul style="padding:10px; list-style-type:disc;">
<ol>
test
</ol>
</ul>

Answer 3

没有负填充这样的东西。您可以使用负边距，这在某些情况下证明非常有用。要删除填充属性，可以使用important!并使用内联样式设置padding = none

<li style="padding:none !important"></li>

Answer 4

您可以使用initial keyword将CSS值设置为初始状态，例如

ul, ol {
 margin: unset;
 padding: unset;
}

或unset keyword取消设置，例如

{{1}}

将设置要继承的继承属性，并将reset属性设置为取消设置。