CSS - 隐藏第 n+2 个 div 的标签

Question

我的结构如下:

<div class="group">
  <div class="row1">
     <label>Label 1A</label>
     <input .../>
     <label>Label 1B</label>
     <input .../>
  </div>
  <div class="row2">
     <label>Label 2A</label>
     <input .../>
     <label>Label 2B</label>
     <input .../>
  </div>
  <div class="row3">
     <label>Label 3A</label>
     <input .../>
     <label>Label 3B</label>
     <input .../>
  </div>
  ...
</div>

但我只想显示第一行的标签。该结构是自动生成的，无法更改。我尝试使用 nth-child 选择器

.group:nth-child(n+2) div>label 

但不起作用。实际上，即使 .group:nth-child(n+2) 也无法选择 n+2 个 div。我做错了什么？

编辑:请注意，在生成页面之前，我不知道单行(第 1 行、第 2 行等)上的类。

Answer 1

.group:nth-child(n+2) div > label 有错误。删除 div 因为 nth-child 选择了 div!如果您需要左侧的空间，您可以使用 visibility:hidden; 来隐藏 label 而不是使用 display:none; 删除空间>

您可以使用以下解决方案:

.group div:nth-child(n+2) label  {
  visibility:hidden;
}

<div class="group">
  <div class="row1">
     <label>Label 1A</label>
     <input .../>
     <label>Label 1B</label>
     <input .../>
  </div>
  <div class="row2">
     <label>Label 2A</label>
     <input .../>
     <label>Label 2B</label>
     <input .../>
  </div>
  <div class="row3">
     <label>Label 3A</label>
     <input .../>
     <label>Label 3B</label>
     <input .../>
  </div>
</div>