添加星號節點的第一個孩子

Question

類

我想在標籤前添加一個星號，這樣它看起來像*國家基於與「必需的」類的父節點上

<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; 
} 

Answer 1

如果你想在label之前應用*，那麼你需要如下使用CSS選擇器：

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

:first-child選擇器適用於正在修改的實際元素。換句話說，它需要被解讀爲「在這個父親的第一個孩子的標籤之前應用這個css，這個父母也必須有一個需要的類」不「，在節點的第一個孩子之前應用這個css需要作爲類「，就像你在原來的例子中所做的那樣。

Answer 2

你使用不正確的選擇，first-childdefinition：

的：第一子級的僞表示：「如果這個元素是其父的第一個孩子。」

而你的情況轉換爲「如果.required是其父的第一個孩子」。我不認爲這就是你的意圖。

如何：

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

乾杯