Adoro trabalhar com elementos personalizados para todos os tipos de coisas, mas às vezes só quero ocultar coisas até que sejam carregadas ou fazer outra coisa com elas em CSS.

Uma solução simples é assim:

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

Coloque isso em uma tag

Mas com estruturas maiores, isso se torna realmente irritante. Às vezes você pode simplesmente selecionar :not(: Defined), mas isso nem sempre é viável.

Uma correção óbvia (pelo menos para mim): CSS precisa de um seletor de prefixo de nome, então você pode fazer isso

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

Não é como se isso fosse algo totalmente novo. Já podemos fazer isso com seletores de atributos.

E tenho certeza de que permitir divisões apenas em - no nome de um elemento tornaria razoavelmente fácil implementar isso de forma eficaz também em navegadores.

O que vocês acham? Isso seria útil? Existem soluções mais fáceis que já funcionam?