我如何使用：first-child选择器w / shadow DOM的<content>元素？</content>

Question

我想从自定义元素的内容中提取第一段（作为摘要）。我希望以下工作：

<polymer-element name="x-thing" noscript>
  <template>
    <segment class="summary">
      <content select="p:first-child"></content>
    </segment>
    <segment>
      <content></content>
    </segment>
  </template>
</polymer-element>

不幸的是，<content select="p:first-child">似乎与任何内容都不匹配:(

Here's a corresponding codepen

Answer 1

Shadow DOM规范中仅支持:not()：http://w3c.github.io/webcomponents/spec/shadow/#dfn-matching-criteria

相关错误：http://crbug.com/343332