首页 文章

带选择器的聚合物/阴影dom通用选择器

提问于
浏览 次
2

我正在尝试理解Polymer和shadow dom的规范，即http://w3c.github.io/webcomponents/spec/shadow/#distribution-algorithms以及选择器的内容插入点如何与通用选择器一起使用 .

规范很难遵循，所以我试图理解（这是从http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/复制/引用）

我有一份文件：

<div id="nameTag">
   <div class="first">Bob</div>
   <div>B. Love</div>
   <div class="email">bob@</div>
</div>

和选择器的阴影根：

<div style="background: purple; padding: 1em;">
   <div style="color: red;">
      <content select=".first"></content>
   </div>
   <div style="color: yellow;">
      <content select="div"></content>
   </div>
   <div style="color: blue;">
      <content></content>
   </div>
</div>

注意我已经将html5rocks示例更改为末尾的通用选择器，即 <content></content>

这里的预期行为是什么？

带有选择器的内容插入点是否允许沿着通用选择器？

通用选择器是否会占用任何剩余的主机节点（不确定这是否是正确的描述） .

仅供参考，我可能会错误地描述术语，这是一个难以阅读的规范 .

polymer web-component shadow-dom

1 回答

  • 4

    是的，您可以使用带有通用选择器的内容块和自定义选择器 . This is actually quite common . 内容块可以访问子项in order，因此通用选择器意味着之前未插入的所有节点都将插入其中 . 在这种情况下， <content select="div"> 将选择最后两个子项，因此您的通用 <content> 将不会 .

    回复于

相关问题