我试图了解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>
这里的预期行为是什么?
带有选择器的内容插入点是否可以与通用选择器一起使用?
通用选择器是否将承担任何剩余的主机节点(不确定是否正确的描述)。
仅供参考,我可能会错误地描述术语,这是很难阅读的规范。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句