html5 – 将样式导入Web组件

以下是一个错误的HTML元素< link>在阴影树中被忽略：

<template>
    <link rel="style" href="foo.css" />
    <h1>foo</h1>
</template>

我使用以下方法使用shadow DOM插入它：

var importDoc,navBarProto;

importDoc = document.currentScript.ownerDocument;

navBarProto = Object.create(HTMLElement.prototype);
navBarProto.createdCallback = function() {
  var template,templateClone,shadow;

  template = importDoc.querySelector('template');
  templateClone = document.importNode(template.content,true);

  shadow = this.createShadowRoot();
  shadow.appendChild(templateClone);
};

document.registerElement('my-nav-bar',{
  prototype: navBarProto
});