Импорт стилей в веб -компонент ⇐ Html

[Anonymous]

Каков канонический способ импортировать стили в веб -компонент? >: < /p>



foo

< /code>

Я вставляю это, используя Shadow Dom, используя следующее: < /p>

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
});


Подробнее здесь: https://stackoverflow.com/questions/286 ... -component