Polymer Can';t将样式应用于动态创建的节点

Polymer Can';t将样式应用于动态创建的节点,polymer,polymer-1.0,Polymer,Polymer 1.0,我创建了一个自定义元素,从它的中获取html,在创建的中,我使用Polymer.dom(this.root).appendChild(paperItem)(paperItem是通过迭代从收到的html创建的)将其插入本地dom。嗯,无论我做什么,我都不能从模板的标记中设置样式。甚至Polymer.updateStyles()没有帮助。我错在哪里?解释如何将样式应用于分布式子对象 :主持人{ 显示:块; 边框:1px纯红; } #子元素{ 背景:黄色; } /*设置分发到内容的元素的样式(通过:

我创建了一个自定义元素,从它的
中获取html,在
创建的
中,我使用
Polymer.dom(this.root).appendChild(paperItem)
paperItem
是通过迭代从
收到的html创建的)将其插入本地dom。嗯,无论我做什么,我都不能从模板的
标记中设置
样式。甚至
Polymer.updateStyles()没有帮助。我错在哪里?

解释如何将样式应用于分布式子对象


:主持人{
显示:块;
边框:1px纯红;
}
#子元素{
背景:黄色;
}
/*设置分发到内容的元素的样式(通过::content)需要*/
/*选择元素的父元素以与兼容*/
/*阴凉的大教堂。这可以是:主机或包装器元素*/
.content包装器>::content.special{
背景:橙色;
}
在本地DOM中!
聚合物({
是:“我的元素”
});
这里将有一个不同的css
<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>