Универсальный селектор полимер/тень dom с селекторами

Я пытаюсь понять спецификацию для 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>

Каково здесь ожидаемое поведение?

Допустимы ли точки вставки содержимого с селектором вдоль стороны универсального селектора?

Будет ли универсальный селектор принимать любые оставшиеся узлы хоста (не уверен, что это правильное описание).

К вашему сведению, я могу неправильно описать терминологию, это трудная спецификация для чтения.

1 2
polymer shadow-dom

1 ответ:

Да, вы можете использовать блоки содержимого с универсальным селектором наряду с пользовательскими. это есть на самом деле вполне общие . Блоки содержимого получают доступ к дочерним узлам в порядке, поэтому универсальный селектор означает, что все узлы, не вставленные ранее, будут вставлены туда. В этом случае <content select="div"> выберет два последних потомка, так что ваш универсальный <content> не получит ни одного.

4