html - 为什么一个 CSS 规则的存在会导致另一个不匹配？

Question

我尝试在 Chrome 中创建以下 HTML 文件:

<style>
br {
}​

[required] {
  border-width: 3px;
  border-color: red;
}

</style>
<input required />

这就是文件的完整内容。 [required]规则不匹配且 <input>保持无样式。

如果空的 br 规则被遗漏，文件如下:

<style>

[required] {
  border-width: 3px;
  border-color: red;
}

</style>
<input required />

它工作正常!

为什么会存在<br> [required] 之前的规则一个原因[required]不匹配？

谢谢。(它工作正常是 jsfiddle，你需要实际创建文件。)

Answer 1

您的新行不知何故无效。删除它们后，代码会按预期执行。

我已将问题追查到 br 的右括号之后.这是我在 vim 中得到的:

<style>
br {
}<200b>

[required] {
  border-width: 3px;
  border-color: red;
}

</style>
<input required />

显然 <200b>是 Unicode 零宽度空间。我不熟悉这个 Angular 色，也不知道为什么它会出现在这个文件中。删除它可以解决问题。