Question

我正在使用wordpress和一些插件主题。当前，我的默认模板包含此属性。

  html {
    margin-top: 32px !important;
}

我需要将其设置为边距0px。如何覆盖它？我尝试在特定的CSS中设置，但不能。

Answer 1

!important具有最高级别的specificity。

因此，只有两种方法可以覆盖它：

稍后在样式表中添加另一个!important声明：html { margin-top: 0; }

html {
  background: red !important;
}

html {
  background: blue !important;
}

<html></html>

或添加内联!important声明：<html style="margin-top: 0 !important;">

html {
  background: red !important;
}

<html style="background: blue !important;"></html>

Answer 2

如果将自定义css文件放在模板默认css文件下面，则浏览器将首先在css下面受影响，因此模板css属性将由自定义css替换。所以你可以写

 html {
    margin-top: 100px !important;
    background-color:red !important;
}


html {
    margin-top: 0 !important;
    background-color:blue !important;
}

<html>
  <h1> hello</h1>
</html>

覆盖默认模板中的样式

2 个答案: