除非分配了类，否则为什么before伪选择器无法正常工作？

Question

HTML

<label>
  <Input type="checkbox"/>
  <span class="check-label">Remember me</span>
</label>

CSS

input[type="checkbox"] + .check-label:before {
  content: "before";
}

所以当我使用一个类，但是当我做这样的事情时，这个css可以按预期工作：

input[type="checkbox"] + label > span:before {
  content: "before";
}

之前的内容没有出现。除非必须，否则我不喜欢使用一堆类和ID，那么在这种特殊情况下我不得不这么做吗？

Answer 1

我同意isherwood，但我认为您真正想要的是：

input[type="checkbox"] + span:before {
  content: "before";
}