Невозможно применить стили к динамически создаваемые узлы

Question

я создал пользовательский элемент, и я беру HTML от его <content> и created я использую Polymer.dom(this.root).appendChild(paperItem) (paperItem был создан с помощью итерации по HTML я получил от <content>) вставить, что в местное DOM. Ну, я не могу стиль <paper-item> из тега <style> шаблона, независимо от того, что я делаю. Даже Polymer.updateStyles(); не помогает. Что я ошибаюсь?

Answer 1

Here объясните, как применять стили к распределенным детям.

<dom-module id="my-element"> 
    <template> 
    <style> 
    :host { 
    display: block; 
    border: 1px solid red; 
    } 
    #child-element { 
    background: yellow; 
    } 
    /* styling elements distributed to content (via ::content) requires */ 
    /* selecting the parent of the <content> element for compatibility with */ 
    /* shady DOM . This can be :host or a wrapper element. */ 
    .content-wrapper > ::content .special { 
    background: orange; 
    } 
</style> 

<div id="child-element">In local DOM!</div> 
<div class="content-wrapper"><content></content></div> 

</template> 

    <script> 

     Polymer({ 
      is: 'my-element' 
     }); 

    </script> 

</dom-module> 

    <my-element> 
    <div class="special">Here will have a different css </div> 
</my-element>