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

Question

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

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

有什么方法可以覆盖那个CSS并撤消它所造成的所有伤害？

我必须在我的页面上安装该小部件。我不能把它删除。

编辑： 根据其中一条评论，这个CSS很好，因为它标准化渲染，但它会破坏我的

标签。特别是，'*'代码规则将其分解。

这是列表在没有'*'规则的情况下的显示方式。

这就是它的外观。

Answer 1

详细说明@ j08691的答案，特别是指向nr 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;}