JQuery добавить CSS ссылку на голову iframe

Question

Я пытаюсь добавить файл CSS в iframe, созданный на странице из глобального скрипта. Я могу получить доступ к части этого, но по какой-то причине я не могу добавить к голове. Это также не вызывает ошибок, что разочаровывает.

<script type="text/javascript">
$(document).ready(function() {                   
  $('#outline_text_ifr')
    .contents()
    .find('head')
    .append('<link type="text/css" rel="stylesheet" href="/include/outline.css" media="all" />');
});
</script>

Answer 1

var $head = $("#IFrame").contents().find("head"); 
var url = "Styles/styles.css";
$head.append($("<link/>", { rel: "stylesheet", href: url, type: "text/css" } ));

или

        $('#IFrame').contents().find('#div1').css({
            color: 'purple'
        });