聚合物模板：内容插入点的有效选择是什么

Question

这可能是一个相当简单的问题，虽然我可以找到一些简单的例子，但我在Polymer Project网站上找不到相关文档。在元素的模板中，您可以使用：

<content select="value"></content>

我的问题是select属性的有效值是什么。它只是一个元素吗？可以是任何简单的CSS选择器（例如"#id"）吗？它可以是一个约束值（"{{data}}"）吗？

虽然我最终只是在寻找答案，但我也很乐意接受文件引用或网址。

Answer 1

聚合物网站上的一些文档隐藏在Your first Polymer app部分。有W3C Shadow DOM规范的链接，表示插入点的有效选择器是：

• 类型选择器或通用选择器（a，div等。）
• 类选择器（例如.my-class）
• ID选择器（例如#myid）
• 属性选择器（例如[myboolattr]，[myattr="myvalue"]）
• 否定伪类，：不是（）

select属性中可以有多个选择器，例如：

<content select='div,.my-class,#myid,[name="myname"]'></content>

绑定也有效：

<content select="{{ mySelector }}"></content>

*选择所有内容：

<content select="*"></content>

Answer 2

我在Polymer网站上的one教程中找到了这个。

  

选择内容：内容元素上的select属性接受a   有限的CSS选择器集。你只能选择直接的孩子   主机节点，而不是后代。

更多reference。

  

插入点的匹配条件是一组复合   选择。这些化合物选择器仅限于包含   这些简单的选择器：

1. 类型选择器或通用选择器
2. 类选择器
3. ID选择器
4. 属性选择器
5. 否定伪类，：不是（）