javascript - 默认边距和填充和标签

Question

第 3 方插件/小部件将此 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 规则将覆盖那些具有较低特异性的规则。
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;}