2016-06-27 8 views
0

Was ist der Unterschied content Selektor und shadow Selektor in Polymer? Ich kann content verwenden, um die dom irgendeines Elements zu durchdringen, wie in diesem codepen und umgekehrt gilt auch dh i shadow Wähler auf Stil verteilt Kinder jedes Element verwenden kann (ich versuchte es mit card-content Klasse in paper-card)Unterschied zwischen Schatten und Inhalt Selektor

Antwort

0

That könnte eine Polyfill-Einschränkung sein, dass sie sich gegenseitig ersetzen können (nicht selbst ausprobiert).

  • ::shadow ist von der Außenseite eines benutzerdefinierten Element in seinem Schatten DOM zu durchstechen.
    ::shadow ist veraltet

  • ::content um Stil projizierten Gehalt (<content></content>) von der übergeordneten Komponente des <content>-Tag.
    <content></content> auch veraltet ist (gehen durch <slot> ersetzt werden) See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/content

+0

Es ist nicht wegen polyfill auch. Ich habe meinen Code in Chrome ohne 'webcomponentsjs' ausgeführt und trotzdem kann ich dasselbe Verhalten sehen. – a1626

+0

Scheint, dass du auch vollen Schatten DOM aktivieren musst https://plnrk.co/edit/iMTwLuBIlFdfFoHptyGe?p=preview –

+0

Ja, das ist mir aufgefallen. Wenn ich Shadow-DOM aktiviere, wird dieses Verhalten nicht beobachtet. – a1626

Verwandte Themen