iframe 引入外部 css 无效

问题遇到的现象和发生背景

在一个 index.html文件中 通过JS动态 创建 iframe ，并写入link 引入同级文件夹的css，结果却无效？

文件目录如下

• project
  • test
    • index.html
    • content.css

问题相关代码

//contentDocument 属性能够以 HTML 对象来返回 iframe 中的文档。
doc = iframe.contentWindow.document;
//这里可以自定义样式, 就是此处JS动态引入css
doc.write("type='text/css' href='./printContent.css'>");

但是 F12 检查的时候 iframe的独立document却显示了·
这个引入 ,不过就是不生效

我的解答思路和尝试过的方法

• 改JS中 link 写入的路径

我想要达到的结果

让 iframe 中外部引入的css 生效