Ich erstelle ein Aurelia-Projekt und verwende benutzerdefinierte Elemente für meine Ansichten. Ich lese, dass es besser ist, benutzerdefinierte Elemente zu verwenden, weil sie in dem Bereich leben, in dem sie sich befinden, aber ich bin nicht sicher, wie man sie richtig formatiert.
Damit die Hintergrundfarbe zum Beispiel das benutzerdefinierte Element ausfüllt, muss ich display:block
setzen. Dies muss für eine Menge von Elementen getan werden.
Gibt es eine einfache Möglichkeit, dies für alle benutzerdefinierten Elemente generisch zu machen? Vielleicht irgendeine SCSS-Methode, um jedes nicht existierende HTML5-Element anzusprechen?
HTML Benutzerdefinierte Elemente werden standardmäßig als undefined element
definiert, ähnlich wie bei span
. Als undefined element
, die der Browser noch nie zuvor gesehen hat, haben sie keinen Standard-User-Agent-Stil und erhalten vererbte Werte und werden als inline
-Element betrachtet, das für alle Elemente der Standard ist, außer wenn ein User-Agent-Stylesheet verwendet wird Überschreibt es aufgrund der Übereinstimmung mit den W3C empfohlenen Standardeinstellungen.
Ihre einzige Option besteht darin, alle Elemente ganz oben in Ihrem CSS-Stil als Element block
level zu definieren.
Sie können weitere hier (W3C Custom-Elemente) und speziell lesen diese Zeile im dritten Absatz
Während das Skript geladen wird, wird das
img-viewer
-Element als undefiniertes Element behandelt, ähnlich wie bei span .