html - 外部スタイルシートを iframe 内のページにリンクする

Question

他にもたくさんの質問をチェックしましたが、まだうまくいきません。

私はクロムのローカルマシンで作業しています。

welcome.html (メイン ページ) と test.html (iframe ページ) があり、style.css があります。

目標: 私の test.html を私のwelcome.htmlページ内のiframeとして持ってください。ただし、jQuery を使用して iframe (test.html) のスタイルを設定します。

だから私は私のwelcome.htmlにこれを持っています

<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
var $head = $("iframe").contents().find("head");                
$head.append($("<link>", { rel: "stylesheet", href: "style.css", type: "text/css"     }));
});
</script>

そして、これはbodyタグの中にあります

<iframe name='iframe' id="iframe" src="test.html"></iframe>

iframe は機能していますが、iframe を調べたときにスタイルが添付されていません。