css--伪类：first-child

<div class="pdc-5 mt-10">
      <div class="v-fcm personal-info-title c-ff">活动报名信息个人基本情况</div>
      <div class="line-row-dc"></div>
      <div class="v-fm ipt-box">
        <div class="">真实姓名:</div>
        <div class="v-i1"><input type="text" value=""></div>
      </div>
      <div class="v-fm ipt-box">
        <div>手机号码:</div>
        <div class="v-i1"><input type="text" value=""></div>
      </div>
      <div class="v-fm ipt-box">
        <div>详细地址:</div>
        <div class="v-i1"><input type="text" value=""></div>
      </div>
      <div class="v-fm ipt-box">
        <div>电子邮件:</div>
        <div class="v-i1"><input type="text" value=""></div>
      </div>
    </div>
    <style>
        .ipt-box:first-child{} //不起作用
</style>

切记： 在使用first-child伪类的时候，他不能含有同辈的兄弟。

解决：将含有所有同样class的元素用div包裹起来