Question

我有以下代码：

<html>
<head>
<style>
div { padding:0px; }
</style>
<body>

<div>testing123</div>
<iframe src="page2.html"></iframe>

</body>
</html>

是否可以将一些js / css应用于page2.html，这将改变父级的div { padding:0px; }部分？

Answer 1

您不能影响iframe元素的CSS。您需要直接在文件

中执行此操作

Answer 2

是的，但即使在同一个域中，您也必须将代码添加到page2.html。

Answer 3

这样做你想要的吗？

$("div", top.document).css("padding", "10px");

我建议您div id，以防止搞砸整个页面的CSS。

Answer 4

您可以尝试将jquery代码放入Iframe加载：

parent.$('body').find('div').css('padding', '10px');

在您的html页面page2.html上输入代码：

$(document).ready(function () {
   parent.$('body').find('div').css('padding', '10px');
});