Импорт CSS рядный

Question

У меня есть следующие строки в моем коде в попытке загрузить стиль в плавающем фрейме:

<iframe style='color:blue;margin-left:30px;@import('../../custom/courses/css/stylesheets/course.css'); /> 

Есть две проблемы:

1. Можно ли импортировать код с помощью @import как я пытаюсь сделать выше
2. HTML-код в браузере выводит следующее: <iframe style="color:blue;margin-left:30px;@import(" ..="" custom="" courses="" css="" stylesheets="" course.css');</iframe> Итак, мой CSS URL путь очень перепутались.

UPDATE

Мой код:

(function($){ 
    var cssLink = document.createElement("link") 
    cssLink.href = "../../custom/courses/css/stylesheets/course.css"; 
    cssLink.rel = "stylesheet"; 
    cssLink.type = "text/css"; 
    // frames['iframe'].document.body.appendChild(cssLink); 
    jQuery('iframe.field-iframe-instance').css('border', '1px solid red');//.find('body').appendChild(cssLink); 
})(jQuery); 

Код на IFRAME не может вступить в силу

Answer 1

Вы не можете сделать это путь. Вы можете включить стиль в исходный источник iframe или добавить его через javascript. Проверьте это: How to apply CSS to iframe?