0

试图让第 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>

谢谢

罗伊

4

1 回答 1

1

<label>代码中的所有标签都是first-child它们各自<span>元素的一个。

如果您只想<label>在代码中定位 a 的第一次出现，请使用以下命令：

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

这将针对<div>元素内的任何标签，即first-child表单的标签。

请记住，您可以:first-child在任何子选择器上使用，而不仅仅是在最右边！

于 2013-01-23T15:47:37.143 回答