html - 选择第一个子标签

Question

我选择第一个子标签是否正确？

.form-style-1 label:first-child{
  font-weight: bold;
}
.form-style-1 label{
  font-weight:normal;
}

<form>
  <ul class="form-style-1">
    <li>
      <label>Восстановление пароля</label>
    </li>
    <li>
      <label>Введите e-mail</label>
      <input type="email" name="email" />
    </li>
  </ul>
  /* More code*/
</form>

我只想让第一个标签更粗，但似乎行不通。

Answer 1

您的 label 是 li 的子级，因此定位到第一个 li 而不是定位标签:

.form-style-1 li:first-child label{
    font-weight: bold;
}
.form-style-1 label{
    font-weight:normal;
}

<form>
  <ul class="form-style-1">
    <li>
      <label>Восстановление пароля</label>
    </li>
    <li>
      <label>Введите e-mail</label>
      <input type="email" name="email" />
    </li>
  </ul>
</form>