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

bo

我试图了解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>

这里的预期行为是什么?

带有选择器的内容插入点是否可以与通用选择器一起使用?

通用选择器是否将承担任何剩余的主机节点(不确定是否正确的描述)。

仅供参考,我可能会错误地描述术语,这是很难阅读的规范。

CletusW

是的,您可以将内容块与通用选择器以及自定义对象一起使用。 实际上 相当 普遍内容块按顺序访问子节点,因此通用选择器意味着先前未插入的所有节点都将插入那里。在这种情况下,<content select="div">将会选择最后两个孩子,因此您的全能者<content>将一无所有。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

聚合物铁选择器将dom.repeat中的this.push()弄乱了

来自分类Dev

聚合物查询选择器无法在聚合物元素中找到自定义聚合物元素

来自分类Dev

聚合物查询选择器无法在聚合物元素中找到自定义聚合物元素

来自分类Dev

聚合物/ deep /选择器在移动设备中不起作用

来自分类Dev

聚合物可通过interact.js / shadowDOM选择器拖动

来自分类Dev

:目标CSS选择器在聚合物中不起作用

来自分类Dev

如何将阴影DOM CSS选择器正确转换为非阴影DOM选择器

来自分类Dev

带有:not()的“复杂” JQuery选择器

来自分类Dev

带有动态选择器的jQuery on()

来自分类Dev

带有jquery选择器的温泉

来自分类Dev

带有复杂选择器的jQuery

来自分类Dev

带有DateTimePicker的日期选择器

来自分类Dev

带有通配符的 Javascript 选择器

来自分类Dev

当准备好初始化选定的选项卡时,聚合物选择器不会触发选项卡选择更改

来自分类Dev

带有选项的数据选择器可以选择几天

来自分类Dev

带有多个日期选择的日期选择器

来自分类Dev

带有多个日期选择器的日期选择器OnSelect不起作用

来自分类Dev

使用带有快速选择器视图的随机名称选择器

来自分类Dev

具有通用属性的CSSRules组选择器

来自分类Dev

通用同级选择器-奇怪的行为

来自分类Dev

CSS通用数字选择器?

来自分类Dev

通用选择器*和伪元素

来自分类Dev

绕过CSS“通用选择器*重置”

来自分类Dev

通用ID的CSS模板选择器

来自分类Dev

如何使用更通用的选择器?

来自分类Dev

带有:not选择器的css last-child

来自分类Dev

带有变量的复杂Jquery选择器

来自分类Dev

使用带有Scrapy的CSS选择器获取href

来自分类Dev

单击带有选择器/数据的jQuery

Related 相关文章

热门标签

归档