css - @ 符号的 Unicode 转义显示为汉字

Question

@ 符号的 Unicode 字符是40，但是当我尝试它时，它就像汉字一样显示。

p::after{
  content: 'foo\40bar.com';
}

<p>Email: </p>

Answer 1

在 unicode 字符后留一个空格可以@正确显示符号。

p::after{
  content: 'foo\40 bar.com';
  /* give a space ^^ after unicode character */
}

<p>Email: </p>

Answer 2

从W3开始：

另一方面，如果下一个字符是可以用于十六进制数字的字符，则不清楚数字的结尾在哪里。在这些情况下，有两种选择。第一种是使用逃生后的空间。

或者，您可以使用带或不带空格的 6 位十六进制数。

p::after{
  content: 'foo\000040bar.com';
}

<p>Email: </p>