私はあらゆる種類のカスタム要素を扱うのが大好きですが、ロードされるまで要素を非表示にしたり、CSS で何か別のことを実行したりしたいことがあります。

簡単な解決策は次のようになります:

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

それを HTML の

しかし、より大きなフレームワークでは、これは非常に面倒になります。 :not(:define) を選択するだけで回避できる場合もありますが、常に実行できるとは限りません。

明らかな (少なくとも私にとっては) 修正: CSS には名前プレフィックス セレクターが必要なので、これを行うだけで済みます

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

これはまったく新しいことというわけではありません。属性セレクターを使用すると、これをすでに行うことができます。

要素名の - でのみ分割を許可すれば、これをブラウザでも効果的に実装するのがかなり簡単になると確信しています。

皆さんはどう思いますか？これは役に立つでしょうか？すでに機能している簡単な解決策はありますか?