在 Wordpress 网站上嵌入 SWF - 停止继承 CSS

Question

这是我用于标题横幅的代码。

<div id="headerbanner">
<object width="700" height="75">
<param name="movie" value="http://www.timandted.com/upload/banner2.swf">
<embed src="http://www.timandted.com/upload/banner2.swf" width="700" height="75">
</embed>
</object>
</div>

和

.headerbanner {
max-width:100%;
height:75px;
}

但是，如果您检查我们网站上的横幅：timandted.com（右上角的横幅），它是从父级继承 css（据我所知） 如果我禁用

height: auto!important;

检查元素时，一切正常。但是找不到通过 CSS 执行此操作的方法。

Answer 1

如果您找不到父 css 文件来删除 !important，最好的覆盖它的方法是自己使用 !important 来定义高度，但请确保您的 important 更具体。例如，如果他们使用：

.headerbanner{
    height:auto !important;
}

你应该尝试使用

div.headerbanner{
    height:75px !important;
}

或

.myContainerClass .headerbanner{
    height:75px !important;
}

在你的 css 中比父母更清楚地定义它在 css 中的位置。

它可能不起作用的另一个原因是您将 headerbanner 定义为 html 中的 ID，但在您的 css 中使用 .headerbanner 这意味着它是一个类。将您的 css 更改为 #headerbanner 或将您的 html 更改为 class="headerbanner"

确保您的 CSS 文件位于文档标题中的模板 css 文件之上，以便首先读取它。这也将有助于覆盖被继承的 !important。