CSS benötigt einen Namenspräfix-Selektor

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
}

Formulieren Sie das in einem Tag im HTML und die Schaltfläche erscheint erst, sobald sie geladen ist.

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

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

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

Es ist nicht so, dass dies eine völlig neue Sache 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 haltet ihr davon? Wäre das nützlich? Gibt es einfachere Lösungen, die bereits funktionieren?

Das obige ist der detaillierte Inhalt vonCSS benötigt einen Namenspräfix-Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!