私はあらゆる種類のカスタム要素を扱うのが大好きですが、ロードされるまで要素を非表示にしたり、CSS で何か別のことを実行したりしたい場合もあります。 簡単な解決策は次のようになります: framework-button:not(:defined) { display: none } ログイン後にコピー それを に入れます。タグを HTML に追加すると、ボタンが読み込まれるとすぐに表示されます。</p> <p>しかし、より大きなフレームワークでは、これは非常に面倒になります。 :not(:define) を選択するだけで回避できる場合もありますが、それが常に実行できるとは限りません。</p> <p>明らかな (少なくとも私にとっては) 修正: CSS には名前プレフィックス セレクターが必要なので、これを行うだけで済みます<br> </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>framework-*:not(:defined) { display: none } </pre><div class="contentsignin">ログイン後にコピー</div></div> <p>これはまったく新しいことというわけではありません。属性セレクターを使用すると、これをすでに行うことができます。</p> <p>要素名の - でのみ分割を許可すれば、これをブラウザでも効果的に実装するのがかなり簡単になると確信しています。</p> <p>皆さんはどう思いますか？これは役に立つでしょうか？すでに機能している簡単な解決策はありますか?</p>
