子インスタンスのファーストクラスインスタンスを選択するコンテンツ

Question

私は単純です：<content select=""></content>これはかなり簡単です。それに渡されるアイテムは基本的にクラスpageのdivのセットになりますので、コンテンツを最初に設定するのが理想的です。.page

セレクタを取得する方法作業？制限は何ですか？

渡された子供だけが選択されていると読んでいますが、これは完全に問題ありませんが、選択できる項目には制限がありますか？

私はいくつかのサンプルを構築に取り組んでいます：

<dom-module id="my-book"> 
<h2 id="header">{{title}}</h2> 
<div id="content"> 
    <content select=".page:first-child"></content> 
</div> 
<div id="footer"> 
    <div id="back">Back</div> 
    <div id="next">Next</div> 
</div> 
</dom-module> 

し、私のような何かを実装します：それは唯一の要素の子に制限しているので、私は必ず波平

<my-book> 
<div class="page"> 
    Page 1 
</div> 
<div class="page"> 
    Page 2 
</div> 
<div class="page"> 
    Page 3 
</div> 
<div class="page"> 
    Page 4 
</div> 
</my-book> 

を私の例として：.page:first-childのようなフィルタリングを使用することができれば、私はこのセレクタ文字列に使用することを許可された特定のサブセットがあったでしょう。

Answer 1

selectタグはセレクタですが、コンポーネントの子だけを見ることができます。

それはのようなものの成果戻りませんので、それは、子供よりも任意の深い選択しません。

<div class="page"> 
    <div class="page"></div> 
</div> 

目的が本当にあるのだけですが方法でコンポーネントの子を整理するために、定義によって指示される。

デフォルトでは、この場合、デフォルト値を:nth-child(1)または:first-childまたは:firstに設定する必要があります。

[戻る]と[次へ]は、他のdiv間を移動するだけです。理想的には、フォーマットを維持するために、私は最初のものなどの代わりに、次の/戻るイベントが発生したときに、nth-childを使用して、子を渡します。