Question

试图让第n个孩子/第一个孩子工作在下面表格中的第一个标签上但无法做到正确

目前我正在使用

form label {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 18px;
    cursor: pointer;
    margin:0 auto;
    color:#FFF;
    text-transform:uppercase;
    padding:40px 0 10px;
    font-weight: normal!important;
}
label:first-child {
        padding-top:0;
    }

但已使用

form code div.field span.lspan label:nth-of-type(1)  
form code div.field span.lspan label:first-child  
.lspan label:first-child  
form label:first-child

他们将表单中的所有标签设置为填充0

    <form method="POST" action="" class="">
    <div class="field">
    <span class="lspan"><label for="sender_name">Name</label></span>
    <span class="inspan"><input class="hinput" type="text" name="sender_name" value=""></span>
       </div>
    <div class="field">
      <span class="lspan"><label for="sender_name">Email</label></span><span class="inspan">         <input class="hinput" type="text" name="email" value=""> </span></div>
    <div class="field">
      <span class="lspan"><label for="subject">Subject</label></span><span class="inspan"><input class="hinput" type="text" name="subject" value=""></span></div>
    <div class="field">
     <span class="lspan"><label for="sender_name">Message</label></span><span class="inspan">    <textarea class="htextarea" name="message"></textarea></span></div>
<div class="field">
        </div>
    <div class="field" style="margin-top:15px">

     <input type = "submit"  class="csubmit" name = "submit" value="Submit" style="" />
                </div>
      </form>

由于

罗伊

Answer 1

代码中的所有<label>代码都是其各自first-child元素的<span>。

如果您只想在代码中首次出现<label>，请使用以下命令：

form div:first-child label {
  padding: 0;
}

这将定位<div>元素中的任何标签，即表单的first-child。

请记住，您可以在任何subselektor上使用:first-child，而不只是在最右边！

第n个孩子的第一个孩子不工作

1 个答案: