2017-02-06 3 views
0

Я хочу выбрать элементы в зависимости от того, сколько divs содержит оболочка. (если «FilterEquipmentByBarcodePage» содержит более 3 «форма строки»)Больше, чем элементы selector

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

Вы хотите использовать селектор nth-last-child с количеством n. В вашем случае n+4.

Вот jsfiddle.

Я не уверен, что вы имеете в виду, хотите «выбрать элементы». Если мой пример выше помогает, попробуйте объяснить, что вы хотите сделать точно, и я мог бы обновить свой код.

+0

Действительно хорошая статья. Даже не знал, что это возможно, кажется, ответ. :-) Приобретено. – DomeTune

+0

@DomeTune Я тоже не знал. И там я думал, что мне не нужна математика в «реальной жизни». Вам может понравиться [эта статья] (http://alistapart.com/article/using-css-mod-queries-with-range-selectors). –

+0

спасибо за эту статью. Это потрясающе, что мы можем делать с чистым css в наши дни. – DomeTune

Смежные вопросы