的默认边距和填充 <ul> 和 <li> 标签

Question

第三方插件/小工具将此CSS注入我的html页面。

* { 
    margin: 0px; padding: 0px;
}
html {
    margin: 0px; padding: 0px;
}
body {
    margin: 0px; padding: 0px;
}

有什么办法可以覆盖CSS并撤消它造成的所有损害？

我必须在页面上有该小部件。 我不能删除它。

编辑：根据评论之一，此CSS很好，因为它可以规范化渲染，但会破坏我的

标签。 特别是， '*'标记规则将其破坏。

这是不带“ *”规则的列表的外观。

这就是它的外观。

Answer 1

详细说明@ j08691的答案，特别是第2点，您可以使用以下内容覆盖列表的小部件的CSS：

html ul{
  margin: 1em 0;
  padding: 0 0 0 40px;
}

使用的值来自Nicholas Gallagher（@necolas）的“ normalize.css”

Answer 2

或者：

1. 在其后添加自己的CSS，以覆盖不需要的CSS。
2. 创建更具体的CSS规则，因为具有较高特异性的CSS规则将覆盖具有较低特异性的CSS规则。
3. 使用!important关键字可以覆盖不需要的样式。
4. 使用内联CSS。

Answer 3

是的，正如@ j08691所说，用！important关键字添加CSS可能是最干净的方法：

* { margin: YOUR VALUE !important; padding: YOUR VALUE !important;}

html {margin: YOUR VALUE !important; padding: YOUR VALUE !important;}

body {margin: YOUR VALUE !important; padding: YOUR VALUE !important;}