內容選擇兒童實例的第一類實例

我有一個簡單的：<content select=""></content>這是非常簡單的。將傳遞到它的項目將基本上是一組div與類page所以，理想情況下，我想要做的是將內容設置爲第一個.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或者如果有一個特定的子集，我被允許用於這個選擇器字符串。

來源

2016-04-26 Fallenreaper

我只想'選擇= 「頁面：第一個」'。 AFAIK有一些限制，因爲勻場很困難，但大多數選擇器都有效。 –

select標記是一個選擇器，但只能查看組件的子代。

它不會選擇任何比小孩更深入，所以它不會返回喜歡的事情成功的結果：

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

目的是真的，只是組織成分的兒童但是時尚是由定義決定。

默認情況下，您應該在此情況下將默認設置爲:nth-child(1)或:first-child或:first。

然後Back和Next只會在其他div之間切換。理想情況下，只是爲了保持格式，我會使用第n個孩子，然後通過哪個孩子，當下一個/返回事件發生時，而不是第一次自定義的東西，等等。

來源

2016-05-02 18:58:22 Fallenreaper

內容選擇兒童實例的第一類實例

回答

相關問題