Можно ли разместить стиль ShadowRoot? ⇐ CSS

[Anonymous]

Я экспериментирую с пользовательскими элементами Vanilla, но разместить тег стиля невозможно:

Код: Выделить всё

class MyElement extends HTMLElement {
constructor() {
super();
this.attachShadow({mode: "open"});
}
connectedCallback() {
this.shadowRoot.append(document.getElementById('my-element-template').content.cloneNode(true));
}
}
window.customElements.define("my-element", MyElement);

Код: Выделить всё

p { color: red; }


Why am I still red instead of green?




p { color: green; }

Подробнее здесь: https://stackoverflow.com/questions/790 ... shadowroot