Kann ich einen Vorlagenstil extern erstellen?

Question

In Google Polymer-Lektion 1, sie haben ein Beispiel, das ein Inline-Stylesheet enthält.Ich würde es gerne in eine CSS-Datei verschieben, aber der Stil befindet sich in einem Template-Tag.Erschwerend kommt hinzu, dass es so steht

In einem Schatten-Dom-Baum wird der: Host-Pseudoklasse mit dem Element entspricht, das den Baum hostet.In diesem Fall entspricht es dem Element.

Q:Kann ich diesen Stil in eine CSS-Datei verschieben?

Answer 1

Wenn Sie die Elemente, die Teil eines benutzerdefinierten Elements Shadow DOM sind, formatieren möchten, müssen Sie das verwenden ::shadow Selektor, oder /deep/ Selektor, wenn Sie Elemente auswählen möchten, unabhängig davon, wie viele Ebenen sie tief im Shadow DOM liegen.

Von außen würde man also a stylen p Element, das im Inneren ist x-foo's Shadow DOM so:

x-foo::shadow p {

}

Über all das können Sie hier lesen: http://www.polymer-project.org/articles/styling-elements.html

Answer 2

Wenn Sie das Samenelement von diese Seite (oder geradeSehen Sie sich den aufgeführten Inhalt an), Sie werden sehen, dass es eine externe CSS-Datei verwendet.Sie können das Element HTML untersuchen, um zu sehen, wie es verwendet wird, aber es ist sehr einfach:

generasacodicetagpre.

standardmäßig in seed-element.css in seed-element.css Folgendes:

generasacodicetagpre.

Die Art und Weise, wie ich es verstehe (in meinem begrenzten Wissen) ist, dass, wenn Sie das Samenelement an mein Element umbenennen sollten, dies gleich ist wie das Tun

generasacodicetagpre.