在Wordpress网站上嵌入SWF - 停止继承CSS
问题描述:
这是我用于标题横幅的代码。在Wordpress网站上嵌入SWF - 停止继承CSS
<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找到一种方法。
答
如果你找不到父css文件来删除!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文件的上方,以便首先进行读取。这也有助于覆盖正在被继承的!重要内容。
我将.headerbanner更改为div.headerbanner,并确保它位于'img,video,object max {width:100%; 身高:自动; }',但不幸的是没有改变。 – TimandTed
我也尝试将.headerbanner更改为#headerbanner,但仍然没有运气。 – TimandTed
其他html元素(div等)包含的headerbanner?如果你的html说id =“headerbanner”,它将不会与css一起工作,除非它被声明为#headerbanner。如果你的html说class =“headerbanner”,那么CSS需要声明.headerbanner。 Ids是仅一次使用的元素,通常与JavaScript结合使用。类多次用于样式目的。 – Benneb10