Мне нравится работать с пользовательскими элементами для самых разных целей, но иногда мне просто хочется скрыть что-то, пока оно не загрузится, или сделать с ним что-нибудь еще в CSS.

Простое решение выглядит так:

framework-button:not(:defined) {
   display: none
}

Поместите это в тег

Но в более крупных фреймворках это становится очень раздражающим. Иногда можно просто выбрать :not(:define), но это не всегда целесообразно.

Очевидное (по крайней мере для меня) исправление: CSS нужен селектор префикса имени, поэтому вы можете просто сделать это

framework-*:not(:defined) {
   display: none
}

Не то чтобы это было чем-то совершенно новым. Мы уже можем сделать это с помощью селекторов атрибутов.

И я уверен, что разрешение разделения только по - в имени элемента позволит достаточно легко эффективно реализовать это и в браузерах.

Что вы думаете? Будет ли это полезно? Есть ли более простые решения, которые уже работают?