css - 使用 CSS 更改框架的样式

Question

我通过测试和试用学习了一些 CSS，但无法通过网络搜索找到针对此特定问题的解决方案。

我帮助一个正在学习英语的人，她经常在小屏幕上使用 Google 翻译。我已经能够隐藏谷歌的工具栏和烦人的“下载谷歌浏览器”弹出窗口(我使用的是 Stylish):

.jfk-butterBar.jfk-butterBar-info.jfk-butterBar-shown {
  display:none!important;
}

#gb {
  display:none!important;
}

#gt-appbar {
  display:none!important;
}

问题是:它们是隐藏的，但翻译后的网站留在框架上，顶部的空间从 70px 到 160px 不等。我正在谈论的相应代码在这里:

<div id="contentframe" style="top: 70px; left: 0px;">

这是我搜索后能想到的最好的方法，但不起作用:

#contentframe {
  top: 0px;
}

谢谢!

Answer 1

您需要使用 !important 规则来抵消内联样式 top: 70px; 的特殊性。

#contentframe {
    top: 0 !important;
}