html - 如何使用CSS选择div中的第一个标签？

Question

您好，我想在 div 中选择类名为 form_fields 的第一个标签元素。

下面是代码，

 <form>
     <div className="form_fields">
         <span>first span</span>
         <div>first div</div>
         <label>
             <span>Name</span>
         </label>
         <label>Description</label>
     </div></form>

我试过什么？

.fields label:first-child {
    margin: 20px;
}

但这不适用于 form_fields 类的 div 内的第一个标签。我该怎么做？谢谢。

Answer 1

试试first-of-type伪选择器:

.form_fields label:first-of-type {
    margin: 20px;
}