更多项目选择器

Question

我想 select 基于包装器包含的 div 数量的项目。（如果 "FilterEquipmentByBarcodePage" 包含超过 3 个 "form row"）

<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>

Answer 1

您可以根据数量影响项目 CSS 只有数量查询。

Here's a great article on quantity queries

您需要使用数量为 n 的 nth-last-child 选择器。在你的情况下 n+4.

这是 jsfiddle.

我不确定你想要 "select items" 是什么意思。如果我上面的例子很有帮助，否则请尝试解释你到底想做什么，我也许可以更新我的代码。

更多项目选择器

More then items selector

html

css

selector