Ich liebe es, mit benutzerdefinierten Elementen für alle möglichen Dinge zu arbeiten, aber manchmal möchte ich Dinge einfach ausblenden, bis sie geladen werden, oder etwas anderes damit in CSS machen.

Eine einfache Lösung sieht so aus:

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

Fügen Sie das in ein

Aber bei größeren Frameworks wird das wirklich nervig. Manchmal kommt man damit durch, einfach :not(:definiert) auszuwählen, aber das ist nicht immer machbar.

Eine (zumindest für mich) offensichtliche Lösung: CSS benötigt einen Namenspräfix-Selektor, also können Sie dies einfach tun

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

Es ist nicht so, dass das etwas völlig Neues wäre. Mit Attributselektoren können wir dies bereits tun.

Und ich bin mir sicher, dass es relativ einfach wäre, dies auch in Browsern effektiv zu implementieren, wenn man Aufteilungen nur bei - im Namen eines Elements zulässt.

Was meint ihr alle? Wäre das nützlich? Gibt es einfachere Lösungen, die bereits funktionieren?