如何从body中删除继承的CSS

Question

我试图让一些页面响应，但这样做我面临一个问题。有一些css是由身体继承的。而且我无法覆盖它。

fieldset[Attributes Style] {
  text-align: center;
}

fieldset {
  display: block;
  -webkit-margin-start: 2px;
  -webkit-margin-end: 2px;
  -webkit-padding-before: 0.35em;
  -webkit-padding-start: 0.75em;
  -webkit-padding-end: 0.75em;
  -webkit-padding-after: 0.625em;
  min-width: -webkit-min-content;
  border: 2px groove threedface;
}

以上是我不想显示的CSS。我尝试重写但无法进行更改。

如果对我的问题有任何疑问，请建议。

Answer 1

这些是默认情况下浏览器对某些标记的样式。您可以在CSS中覆盖它们：

fieldset {
  margin: 0; /* or any value you want */
  padding: 0; /* or any value you want */
}

Answer 2

您应该专门定义您或规则的属性。此外，'！important'会覆盖先前定义的规则，例如：

#fieldset{
   margin: 0 !important;
 }