Me encanta trabajar con elementos personalizados para todo tipo de cosas, pero a veces solo quiero ocultar cosas hasta que se cargan o hacer algo más con ellas en CSS.

Una solución simple se ve así:

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

Ponga eso en una etiqueta

Pero con marcos más grandes, esto se vuelve realmente molesto. A veces puedes salirte con la tuya simplemente seleccionando :not(:definido), pero eso no siempre es viable.

Una solución obvia (al menos para mí): CSS necesita un selector de prefijo de nombre, así que puedes hacer esto

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

No es que esto sea algo completamente nuevo. Ya podemos hacer esto con selectores de atributos.

Y estoy seguro de que permitir divisiones solo en - en el nombre de un elemento haría que sea razonablemente fácil implementar esto de manera efectiva también en los navegadores.

¿Qué opinan? ¿Sería esto útil? ¿Existen soluciones más sencillas que ya funcionen?