iframe中的css继承

Question

我知道iframe不能继承＆＃34; main＆＃34;的css样式。网页，但如果是这样，我很困惑。我有一个主页，其背景为纯黑色，带有白色文字。 iframe没有指定背景颜色，但它是黑色的，与主页面相同。但是，如果我想要使用iframe，则必须为iframe单独定义主页面中的其他css属性。这是为什么？

Answer 1

如果您没有设置HTML文档的背景（通过在其html元素或其body元素上设置它），将使用浏览器默认值，并且可以预期初始值transparent。

这意味着对于嵌入在具有iframe元素的另一个页面中的页面，您可以期待嵌入页面的背景通过。

Answer 2

您可以使用开发人员工具来确定黑色背景的来源。 （它内置于浏览器中。）

如果您使用的是IE或Chrome，则可以按键盘上的F12 ，然后使用元素选择器（左上角）选择IFrame。然后，您会在左侧找到CSS上应用的所有IFrame个样式。

这将让您深入了解发生了什么，并为您提供了一个新的无价工具，可以在浏览器中进行调试。

注意：如果使用firefox，则需要安装firebug。

---

这也很有用。

CSS中的优先规则（1是最先例）：

1. 用户定义的样式
2. 嵌入式或内联样式表
3. 内部样式表
4. 外部样式表
5. 浏览器默认样式

---

这可能是Firefox特有的。请参阅here和here。