-2

我正在尝试在标签前添加一个星号符号，使其看起来像 *Country 基于具有“必需”类的父节点

  <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 回答