Javascript 选择第一个<;内容>;含聚合物1的元素

Javascript 选择第一个<;内容>;含聚合物1的元素,javascript,html,css,polymer,Javascript,Html,Css,Polymer,我正在使用Polymer 1进行web开发,我遇到了一个小小的理解不足。想象一下: <div class="value"> <content></content> </div> 我可以使用.value选择器轻松设置内容的样式。现在我只想设计第一个内容元素的样式:第一个孩子等似乎不起作用 如何在聚合物中选择我的的不同元素 谢谢 请注意,这已被弃用 要以/的第一个子项为目标,请使用: HTMLImports.whenReady(()=>{

我正在使用Polymer 1进行web开发,我遇到了一个小小的理解不足。想象一下:

<div class="value">
  <content></content>
</div>

我可以使用
.value
选择器轻松设置内容的样式。现在我只想设计第一个内容元素的样式<代码>:第一个孩子等似乎不起作用

如何在聚合物中选择我的
的不同元素

谢谢

请注意,这已被弃用


要以
/
的第一个子项为目标,请使用:

HTMLImports.whenReady(()=>{
聚合物({
是‘x-foo’,
特性:{
傅:{
类型:字符串,
价值观:“你好,世界!”
}
}
});
});

第一
第二
第三
::开槽(:第一个孩子){
颜色:红色;
}

我没有真正使用Polymer 1,但是不推荐使用的
内容
标签应该与较新版本中的
插槽
标签类似。。也就是说,它应该只是一个插入内容的点,一个占位符,而不是一个实际的标记。。因此,当您的页面呈现时,它将不存在,您在其中注入的内容将..是的,您是对的。但这对我没什么帮助。内容本身只是另一个聚合物组件,所以我不能通过CSS选择它。有办法吗?