第n個孩子第一胎不工作

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>標記均爲其各自<span>元素的first-child。

如果你只希望定位<label>第一次出現在代碼中使用這樣的：

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

這將瞄準<div>元素中的任何標籤，那就是形式的first-child。

請記住，您可以在任何子移動器上使用:first-child，而不僅僅是在最外面的權利！