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-child definition：

：first-child伪类表示“如果此元素是其父元素的第一个子元素”。

在您的情况下，哪个转换为“如果.required是其父的第一个孩子”。我认为这不是你想要的。

怎么样：

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

干杯

使用类添加星号到节点的第一个子节点

2 个答案: