CSS样式路径副本 - 并隐藏iframe中的元素

时间:2014-04-19 16:22:49

标签: jquery html css iframe

我想通过在CSS选项中添加width元素来修改除法。 我也使用chrome和firebug复制CSS'路径,但我猜输出不对。 一旦我把它放在我的style.css中,它就不会对divison进行任何更改。另外,如果我在刷新后进行检查,我可以清楚地看到没有添加css选项。

示例:我想改变名为" fpart"在我的页脚。 当我复制CSS路径时,我得到这个输出:body> div> div.fpart 如果我添加这一行:body> div> div.fpart {width:900px;在我的style.css中,它不会工作。 此外,除法fpart(div style =" fpart")不在正文上,它在我的页脚上,所以我想它应该是这样的:#footer .fpart {width:900px;等等

问题是,为了获得正确的元素名称,使用什么工具,我将能够添加到我的style.css中并且可以工作?

3 个答案:

答案 0 :(得分:1)

应该在正常情况下足够:

.fpart{
  width: 900px;
}

根据您的问题,我们假设我们定位的div是:

<div class="fpart">...</div> 

如果这不起作用,那么肯定会出现其他问题,我们应该尝试将您的代码放在jsfiddle.net上,以便我们仔细查看。

来自用户的输入: 网页:http://thinkpreview.com/contact-us/

目标类:.fpart(在iframe内)

.fpart的Css选择器:

iframe{
  border: solid 1px red;
}

iframe .fpart{
  // selector to select something inside iframe
  // invalid selector - will not work
  border: solid 1px blue !important;
}

答案 1 :(得分:0)

嘿,如果它是正确的类,但它不起作用尝试添加!最后重要。

实施例

.fpart {
width:900px !important;
}

答案 2 :(得分:0)

机会是#footer内的body IS,因此如果路径正确,它应该仍然有用。

.fpart{
   width: 900px;
}

应该有效。如果您覆盖了无法访问的样式表,则可以直接在html的<head>内添加这些样式

<style type="text/css">
  .fpart{
     width: 900px;
  }
</style>

只需在</head>标记之前添加即可。如果所有其他方法都失败了,请在900px之后添加!important以强制它获取该值。