将自定义css插入iframe（Wordpress-常用解决方案不起作用）

所以我知道这里已经有类似的问题了，我问这个问题的原因是因为我无法得到任何其他的解决方案

所以我要做的是在我的html中有一个iframe，如下所示：

<iframe name="frame1" id="frame1" scrolling="auto" frameborder="no" onload="resizeIframe(this)" style="width:100%; height:1000px;" src="https://www.treeofgnosis.com/community/discussion/151/faq"></iframe>

然后，我添加了将自定义CSS添加到iframe的代码，如html中的下面所示：

<script type="text/javascript">
jQuery(function($) {
var $head = $('#frame1 head');
var url = "/wp-content/themes/layerswp/iframe.css";
$head.append('<link rel="stylesheet" type="text/css" href="' + url + '" />');              
});
alert("Alert\$head function us running");
</script>

jQuery（函数（$）{
变量$head=$（“#框架1 head”）；
var url=“/wp content/themes/layerswp/iframe.css”；
$head.附加（“”）；
});
警报（“警报\$head function us running”）；

据我所知，代码都在运行（iframe显示，警报也在运行）——但在我检查DOM时，定制并没有附加到iframe的内容头中

当我在页面加载后手动将css插入头部时，css确实会应用，因此错误不会出现

这是我正在处理的页面的链接，iframe位于屏幕底部：

任何帮助都将不胜感激，我不知道为什么事情不起作用。我还尝试了一些其他的代码变体，但情况基本相同。所以说真的，我真的在寻找为什么事情不起作用

---

（控制台日志中的PS，没有与此相关的错误）

简单的方法可以是为iframe添加id，然后从主css将所有css应用到iframe id，而不需要任何附加到iframe…您看到这种方法有任何问题吗？我正在尝试将css添加到iframe的头部。我不想为iframe本身添加css。也就是说，我正在尝试更改iframe的内容。所以我认为你的解决方案不会奏效