CSS选择器:not(:nth-child)失效，需为非首个label添margin-top

你的问题出在选择器的层级和相邻兄弟选择器的误用上，原来的写法完全没命中目标元素，原因如下：

• 你的HTML结构里，.label是.form-group的子元素，不是相邻兄弟元素，所以用+（相邻兄弟选择器）根本找不到它
• :not(:nth-child(1))的逻辑没问题，但搭配错误的层级选择器就失效了

正确的CSS写法 #

直接选中所有不是第一个的.form-group内部的.label：

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

或者更直观的等价写法：

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

逻辑说明 #

• .form-group:not(:first-child)：选中所有不是父元素第一个子元素的.form-group容器
• 空格（后代选择器）：选中这些容器内部的.label元素，精准命中第二个及以后需要加margin的label

内容的提问来源于stack exchange，提问作者user20984971