-2

ラベルの前にアスタリスク記号を追加して、次のようにしようとしています。*「必須」クラスの親ノードに基づく国

  <span id="Country" class="none required">
  <label for="id_Country">Country</label>
    <select name="Country[]" id="id_Country">
       <option value="Paraguay">Paraguay</option>
       <option value="Peru">Peru</option>
    </select>
  </span>

私は次のようなことを試みています：

.required:first-child:before {
    content : "* ";
    color   : red;
}
4

2 に答える 2

4

*の前にを適用しようとしている場合はlabel、次のようにCSSセレクターを使用する必要があります。

.required > label:first-child:before {
    content : "* ";
    color   : red;
}

セレクターは、:first-child変更する実際の要素に適用されます。つまり、「親の最初の子であるラベルの前にこのcssを適用します。この親には、必須のクラスも必要です」ではなく、「ノードの最初の子の前にこのcssを適用する」と読み取る必要があります。元の例で行われているように、「クラスとして必要」です。

于 2013-01-16T22:59:33.410 に答える
0

セレクターを誤って使用しています、first-child 定義：

：first-child疑似クラスは、「この要素がその親の最初の子である場合」を意味します。

あなたの場合、これは「親.requiredの最初の子である場合」に変換されます。それはあなたが意図していることではないと思います。

どうですか：

$('label', '.required').prepend('*');

乾杯

于 2013-01-16T23:01:59.440 に答える