CSS 需要一個名稱前綴選擇器

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

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

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

將其放入

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

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

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

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

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

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

以上是CSS 需要一個名稱前綴選擇器的詳細內容。更多資訊請關注PHP中文網其他相關文章！