0

以下のフォーム内の最初のラベルでnth-child/first-child を動作させようとして
いますが、正しく取得できません

現時点で私が使用している

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 に答える