CSS 选择器“not:nth child”在模板中不起作用

Question

需要使用 not:nth 子元素将行中除第一个标签之外的所有标签置于页边距顶部。选择器可能有问题

.form-group:not(:nth-child(1)) + .label {
  margin-top: 20px;
}

<div class="form-group">
  <label class="label">
</div>
<div class="form-group">
  <label class="label">  <!-- need to margin only this label - not the first one -->
</div>

Answer 1

更正您的 html。删除相邻的兄弟并添加 display:inline-block 到标签（默认情况下它是内联元素）

div.form-group:not(:nth-child(1))  .label {
  margin-top: 20px;
  display:inline-block;
  border:1px solid red;
}

<div class="form-group">
  <label class="label">
  a
  </label>
</div>
<div class="form-group">
  <label class="label">  
  // need to margin only this label - not the first one
  </label>
</div>