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>