Пользовательские элементы - скрыть элемент, прежде чем он сможет отображать ⇐ CSS

[Anonymous]

Используя пользовательские элементы, возможно ли установить дисплей элемента, который не будет (или каким -либо другим образом), прежде чем он рендеруется? Считайте, что я использую этот конкретный в качестве базового класса для других элементов, поэтому применение глобального стиля не будет работать.

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

< /code>
И он мало что делает :) < /p>
class MyElement extends HTMLElement {}
customElements.define('my-element', MyElement);
< /code>
Но многие другие расширяют его < /p>

< /code>
class MyOtherElement extends MyElement {}
customElements.define('my-other-element', MyOtherElement);
< /code>
Вот почему я не мог иметь глобальное правило CSS < /p>
my-element {
display:none;
}

Я думал, что получил умный и добавил теневой Dom с помощью и: host стиль, но это просто делает любой другой HTML, который я разместил в моих элементах исчезает.


Подробнее здесь: https://stackoverflow.com/questions/676 ... can-render