Question

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

doc.xpath("//tr").each do |row|
  puts row.at_css("a").text
end

和

<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>

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

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

检查元素时，它会正常。但是无法通过CSS找到一种方法。

Answer 1

如果你找不到父css文件来删除！important，那么覆盖它的最好方法就是使用！important来定义高度，但要确保你的重要性更具体。例如，如果他们使用：

.headerbanner{
    height:auto !important;
}

你应该尝试使用

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

或

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

在css中更明确地定义css中的位置，然后是父母。

它可能无法正常工作的另一个原因是你的headbanner被定义为你的html中的ID但在你的css中使用.headerbanner这意味着它是一个类。要么将你的CSS更改为#headerbanner，要么将你的html更改为class =＆＃34; headerbanner＆＃34;

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

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

1 个答案: