我喜歡使用自訂元素來處理各種事情，但有時我只是想隱藏一些東西，直到它加載或在 CSS 中用它做其他事情。

一個簡單的解決方案如下：

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

將其放入 HTML 中的

但對於更大的框架，這變得非常煩人。有時您只需選擇 :not(:define) 就可以逃脫懲罰，但這並不總是可行的。

一個明顯的（至少對我來說）修復：CSS 需要一個名稱前綴選擇器，所以你可以這樣做

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

這並不是什麼全新的事。我們已經可以使用屬性選擇器來做到這一點。

而且我確信只允許在元素名稱中的 - 處進行分割將使在瀏覽器中有效地實現這一點變得相當容易。

大家覺得怎麼樣？這有用嗎？是否有更簡單且有效的解決方案？