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

Posted 2023-02-16

【中文标题】在 Wordpress 网站上嵌入 SWF - 停止继承 CSS

【英文标题】：Embedding SWF on Wordpress Site - Stop from inheriting CSS

【发布时间】：2016-02-03 17:06:32

【问题描述】：

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

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

和

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

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

height: auto!important;

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

【参考方案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。

【讨论】：

我将 .headerbanner 更改为 div.headerbanner 并确保它高于 'img, video, object max-width: 100%;高度：自动； ' 但不幸的是没有变化。

我也尝试将 .headerbanner 更改为 #headerbanner，但仍然没有成功。

headerbanner 是否包含在任何其他 html 元素（div 等）中？如果您的 html 显示 id="headerbanner"，除非将其声明为 #headerbanner，否则它将无法与 css 一起使用。如果您的 html 显示 class="headerbanner"，则 css 需要声明 .headerbanner。 ID 是只使用一次的元素，通常与 javascript 结合使用。类多次用于样式目的。

如果您的代码与上面的代码完全相同，请尝试 #headerbanner objectheight:75px !important;

将其从 #headerbanner 更改为 #headerbanner 对象已为我解决了问题，非常感谢您的帮助！