2017-02-06 5 views
0

ラッパーに含まれるdivの数に基づいてアイテムを選択したいと思います。 (「FilterEquipmentByBarcodePageが」3「の形式行」、より多くが含まれている場合)より多くのアイテムセレクタ

Here is the jsfiddle link:

<div id="FilterEquipmentByBarcodePage"> 

    <div class="form_row"> 
    <div> 
     <input type="Text" name="Summary" class="filter_summary_search_input"> 
    </div> 
    </div> 

    <div class="form_row"> 
    <div> 
     <input type="Text" name="Summary" class="filter_summary_search_input"> 
    </div> 
    </div> 

    <div class="form_row"> 
    <div> 
     <input type="Text" name="Summary" class="filter_summary_search_input"> 
    </div> 
    </div> 

</div> 
+0

純粋なCSSソリューションかjavascriptも同様にしたいですか? – DomeTune

答えて

2

あなたが唯一の数量クエリとCSSとの量に基づいてアイテムに影響を与えることができます。

Here's a great article on quantity queries

あなたはnの量でnth-last-childセレクタを使用することをお勧めします。あなたの場合n+4

ここにはjsfiddleがあります。

"アイテムを選択"したいとはどういう意味か分かりません。上記の私の例が偉大な助けになるなら、あなたが何をしたいのかを説明してみて、私のコードを更新できるかもしれません。

+0

本当にいい記事。可能性があることを知りませんでしたが、答えと思われます。 :-) Upvoted。 – DomeTune

+0

@DomeTuneわかりませんでした。そして、そこに私は "実生活"に数学が必要ないと思っていました。 [この記事](http://alistapart.com/article/using-css-mod-queries-with-range-selectors)も好きかもしれません。 –

+0

この記事もありがとうございます。今は純粋なCSSでできることは素晴らしいです。 – DomeTune

関連する問題