css--伪类：first-child

最新推荐文章于 2025-10-08 10:41:29 发布

原创最新推荐文章于 2025-10-08 10:41:29 发布 · 500 阅读

0 ·

CC 4.0 BY-SA版权

css3 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个活动报名表单的设计方案，包括真实姓名、手机号码、详细地址和电子邮件等基本信息的收集方式。特别关注了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>