Stil benutzerdefinierte Elemente in HTML5

8

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.

%Vor% %Vor%

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?

    
Randy 17.10.2016, 08:45
quelle

1 Antwort

7

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.

%Vor% %Vor%

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 .

    
Stewartside 17.10.2016, 08:54
quelle

Tags und Links