我正在努力理解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>
这里的预期行为是什么?
在通用选择器旁边是否允许带有选择器的内容插入点?
通用选择器是否会假设任何剩余的主机节点(不确定这是否是正确的描述)。
顺便提一下,我可能没有正确描述术语,这是一个难以阅读的规范。