@符号的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位十六进制数字。

＆＃13;

＆＃13;

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

＆＃13;

<p>Email: </p>

＆＃13;

＆＃13;

＆＃13;