html - CSS文件会影响通过iFrame嵌入的HTML元素的样式吗

Question

如果我将一个 html 文件嵌入到我的 index.html 文件中，我的外部 CSS 文件会影响元素吗，比如 <div class="br">在我嵌入的文件中？

假设我在 CSS 文件中有这些样式

.br {
position: fixed;
width: 101%;
left: -1%;
height: 100%;
}

因为我在 index.html 文件中有一个类为 br 的元素需要相同的样式。

嵌入文件还包含<div class="br">我的问题:CSS 文件会影响嵌入文件中的元素吗？

如果是，哪个更好:<embed>或 <iframe>< iframe> ？

Answer 1

答案是

No

<iframe>

iframe 元素表示嵌套的浏览上下文。 HTML 5 标准 - “<iframe> 元素”主要用于包含来自其他域或子域的资源，但也可用于包含来自同一域的内容。 <iframe>的优势在于嵌入式代码是“实时的”并且可以与父文档进行通信。

<embed>

嵌入是让访问者遵循源自阻止框架的网站的重定向链的理想选择

除非您要嵌入 SVG 或其他静态内容，否则您最好使用 <iframe> .要包含 SVG，请使用嵌入(如果我没记错的话不会让您编写脚本)。